Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/207.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可滚动div'中的滚动条;跨平台移动浏览器中的s_Javascript_Android_Css_Webkit_Scrollbars - Fatal编程技术网

Javascript 可滚动div'中的滚动条;跨平台移动浏览器中的s

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解决方案最好,但

我正在使用scrollable div(带有CSS元素overflow:scroll)为运行Android 3.2+、BlackBerry Playbook和iOS5+的平板电脑(不支持iPad 1)构建一个页面。
我有这个工作,但我想滚动条。对于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