JQuery-Mobile滚动条

我用这个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;
}

当我用手机打开页面时,滚动条可见,但在其上滑动,不起作用(它不会滚动页面).我该如何解决这个问题？
你可以在这个小提琴中看到它1

更新:
如果您认为不可能这样做,那么使用jquery还有另一种方法.
在此ffidle 2,你可以看到一个功能已被写入检测向下滑动,并且向上轻扫在一个div.现在它只需要一个滚动页面的功能.