Javascript 可滚动div'中的滚动条;跨平台移动浏览器中的s
我正在使用scrollable div(带有CSS元素overflow:scroll)为运行Android 3.2+、BlackBerry Playbook和iOS5+的平板电脑(不支持iPad 1)构建一个页面。Javascript 可滚动div'中的滚动条;跨平台移动浏览器中的s,javascript,android,css,webkit,scrollbars,Javascript,Android,Css,Webkit,Scrollbars,我正在使用scrollable div(带有CSS元素overflow:scroll)为运行Android 3.2+、BlackBerry Playbook和iOS5+的平板电脑(不支持iPad 1)构建一个页面。 我有这个工作,但我想滚动条。对于iOS5,我在CSS样式中添加了这个受支持的webkit代码。这使得像苹果滚动条一样的“本地”非常好: -webkit-overflow-scrolling: touch; 在Android和黑莓上有类似的功能吗?CSS/webkit解决方案最好,但
我有这个工作,但我想滚动条。对于iOS5,我在CSS样式中添加了这个受支持的webkit代码。这使得像苹果滚动条一样的“本地”非常好:
-webkit-overflow-scrolling: touch;
在Android和黑莓上有类似的功能吗?CSS/webkit解决方案最好,但JavaScript也可以,只要它不是像iScroll或类似的大型插件。我也进行了测试,但由于在所有平台上都“滞后”而无法正常工作,具体如下:
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
谢谢你的帮助 我还没有找到一个跨平台的CSS解决方案。我曾经使用过轻量级js解决方案触摸卷轴我刚刚看了另一篇文章,发现了。这是一个我会尝试的选项,但是有没有像iOS这样更基本的选项呢?谢谢你的回答。这种滚动方法有很好的“动力”,但它仍然没有提供滚动条。这只是解决我麻烦的一半办法:S