html - 不能 "grab"自定义 Chrome 滚动条与移动设备

Question

我创建了一个自定义滚动条样式，我希望能够使用 Chrome Android“抓取”它(通过点击并拖动它)。桌面端能用，用移动端仿真却搞不定。

我在这里用它创建了一个 JS Fiddle: https://jsfiddle.net/dr8g4g6k/2/

代码:

#container {
  overflow: auto;
  width: 250px;
  height: 250px;
}

#content {
  width: 1000px;
  height: 1000px;
}


/* Webkit */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


/* Track */

::-webkit-scrollbar-track {
  background: #F2F2F2;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  border-radius: 0px;
}


/* Handle */

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #999999;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(205, 205, 205, 0.4);
}

<div id="container">
  <div id="content">
    test content
  </div>
</div>

如果您在任何设备上启用 Chrome 仿真，并尝试通过捕获滚动条来滚动，则无法。

您真的可以使用任何站点来复制具有自定义 webkit 滚动条的站点，即使是这里的示例: https://css-tricks.com/examples/WebKitScrollbars/

简单的开启移动端仿真，你是抓不到的。

有谁知道如何拥有始终存在于 Chrome 上的自定义滚动条，并且仍然能够像原生滚动条一样“捕获”它们进行滚动？

Answer 1

对于遇到此问题的任何其他人:Chrome 团队已决定这不是他们会解决的问题，因为他们不喜欢自定义滚动条，并且因为他们说 Android 无法“抓取”滚动条通常是设计使然。

所以唯一的答案是完全停止使用自定义滚动条，因为尝试应用一个类来判断它是否“移动”是一个非常糟糕的解决方案。