javascript - JQuery-Mobile滚动条

Question

我使用这个 css 代码使滚动条在 jquery-mobile 中可见:

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color:#CE0003;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: grey;
}

当我使用移动设备打开页面时，滚动条可见，但在其上滑动时不起作用(它不会滚动页面)。我该如何解决这个问题？
你可以在这个 fiddle 1 中看到它

更新:
如果您认为这样做不可能，还有另一种使用 jquery 的方法。
在这个ffidle 2您可以看到已经编写了一个函数来检测 div 上的向下滑动 和向上滑动。现在它只需要一个滚动页面的功能。

Answer 1

如果您可以并且想要使用 jquery，这是一个很好的滚动条替换插件。很简单，效果很好，而且非常可配置。但是您必须根据自己的风格和需要覆盖一些 CSS。

$(".container").mCustomScrollbar({ scrollbarPosition: 'outside' });

Here示例(也在移动设备上测试过)。

和this是插件站点和文档。