滚动div在移动浏览器中的滚动div跨平台

我正在使用滚动div（与CSS元素溢出：滚动）为平板电脑运行Android 3.2+，BlackBerry Playbook和iOS5 +（不支持iPad 1）。
我得到了这个工作，但我想滚动条。对于iOS5，我将这些受支持的webkit代码剪切掉，并添加到CSS样式中。这使得非常好的“天然”像苹果这样滚动条：
滚动div在移动浏览器中的滚动div跨平台

-webkit-overflow-scrolling: touch;

是否有类似的一些东西，在Android和黑莓的作品？一个CSS/webkit解决方案将是最好的，但只要它不是像iScroll或类似的大插件，JavaScript也可以。
我测试过，但因为它是落后于“不工作在所有平台上非常糟糕的是：

::-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); 
}

感谢您的帮助！

来源

2012-02-24 ABBDVD

我刚才看了另一篇文章，发现[jScrollbar]（http://www.myjqueryplugins.com/jScrollbar/）。这是我会尝试的一个选项，但有没有像iOS版本那样更糟糕的东西？ – ABBDVD 2012-02-24 10:42:30

我还没有找到一个跨平台的CSS解决方案。我曾经如何使用轻量级的js解决方案触摸滚动https://github.com/neave/touch-scroll

来源

2012-03-12 21:18:30 dbrennan

谢谢你的回答。这种滚动方法有一个很好的'势头'，但它仍然不提供滚动条。这对我所遇到的麻烦来说只是一个解决方案：S – ABBDVD 2012-03-13 10:09:09

滚动div在移动浏览器中的滚动div跨平台

回答

相关问题