jQuery的移动滚动条

Question

我使用这个CSS代码，使滚动条jQuery的移动设备上可见：

::-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

UPDATE：
如果你认为它不可能这样做，有使用jquery的另一种方式。
在此ffidle 2你可以看到一个功能已被写入检测向下滑动和上一个div 向上扫掠。现在只需要一个滚动页面的函数。