Html Can'；"；抓取；定制带有手机的Chrome滚动条

我已经创建了一个自定义滚动条样式，我希望能够用Chrome Android“抓取”它（通过点击和拖动）。它可以在桌面上工作，但可以使用移动仿真，但无法实现

我在这里创建了一个JS小提琴：

代码：

#容器{
溢出：自动；
宽度：250px；
高度：250px；
}
#内容{
宽度：1000px；
高度：1000px；
}
/*网络工具包*/
：-webkit滚动条{
宽度：10px；
高度：10px；
}
/*跟踪*/
：-webkit滚动条轨迹{
背景#f2f2；
-webkit盒阴影：插入0.2pxRGBA（0,0,0,0.2）；
-webkit边界半径：0px；
边界半径：0px；
}
/*处理*/
：-webkit滚动条拇指{
-webkit边界半径：0px；
边界半径：0px；
背景#999999；
-webkit盒阴影：插入0 0 2pxRGBA（0,0,0,0.1）；
}
：-webkit滚动条拇指：窗口处于非活动状态{
背景：rgba（205,205,205,0.4）；
}

测试内容

对于任何遇到这一问题的人：Chrome团队认为这不是他们将要解决的问题，因为他们不喜欢定制的滚动条，因为他们说Android无法“抓取”滚动条是出于一般设计

因此，唯一的解决办法是完全停止使用自定义滚动条，因为尝试应用一个类来处理它是否“移动”是一个非常糟糕的解决方案