使滚动条能够被选中以获得更快的滚动速度

/* 选择滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
}

/* 设置滚动条可选中 */
::-webkit-scrollbar-thumb {
  -webkit-user-select: text;
}

// 获取滚动条元素
var scrollbar = document.getElementById("scrollbar");

// 监听滚动条的mousedown事件
scrollbar.addEventListener("mousedown", function(event) {
  // 阻止事件冒泡，避免与内容区域的滚动冲突
  event.stopPropagation();
  
  // 设置滚动条可选中
  scrollbar.style.webkitUserSelect = "text";
});

// 监听滚动条的mouseup事件
scrollbar.addEventListener("mouseup", function(event) {
  // 阻止事件冒泡，避免与内容区域的滚动冲突
  event.stopPropagation();
  
  // 取消滚动条的选中状态
  scrollbar.style.webkitUserSelect = "none";
});