移动端滚动条的美化及控制问题

在移动端嵌入h5页面，在h5页面里使用css修改滚动条样式,如图

在浏览器、微信、qq环境下滚动条都不能拖动，只有在安卓原生app里可以拖动，ios原
生app都不行。
分析了安卓系统下的网页，

css修是的是这块的滚动条（我把它理解为页面的滚动条）
ios下不能大幅度的快速滚动，安卓下快速滚动页面会出现系统的滚动条，如图

现在非常疑惑页面的滚动条为什么不能拖动？

可浮动属性有没有设置呢？ 浏览器兼容性有没有考虑呢？