移动WebKit的滚动条

我目前尝试的风格对周围的表一个div溢出，我使用WebKit的具体样式要做到这一点移动WebKit的滚动条

.overflow::-webkit-scrollbar { 
     width:30px; 
     } 
    .overflow::-webkit-scrollbar-track { 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
    } 
    .overflow::-webkit-scrollbar-thumb { 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
     background:#f00; 
    }

这些桌面浏览器上运行伟大但不在移动设备上工作。

手机浏览器根本不支持这个问题吗？或者将支持在不久的将来推出？

我已经看到了一些基于Javascript的解决方案，但是这些都增加了一点点膨胀，以便简单地在基于webkit的浏览器中设计一个滚动条。

来源

2012-08-06 JohnC

你不能风格的原生滚动条上移动，我怀疑你将能够，对不起。

我不能说为什么有任何权威，但所有的手机和操作系统使用不同的浏览器，每个人都会有自己的滚动条的实现。很多人也采用了iOS的衰落滚动条方法，这意味着无论如何都没有太多的关注点。

这确实限制您使用自定义解决方案。

来源

2012-08-06 09:02:12 will

-1

移动Safari浏览器不支持格滚动，你可以使用iscoll框架

来源

2012-08-06 09:01:44 mier

是的。 'overflow：scroll;' – will 2012-08-06 09:02:52

我认为你应该使用自定义滚动条。对于自定义滚动条，你使用jquery滚动条“jscrollPane”。您必须下载这些文件： ScrollPanel.js，jquery.mousewheel.js，jquery.jscrollpane.min.js，jquery.jscrollpane.js，jquery.jscrollpane.css

欲了解更多详情请点击此链接： http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

来源

2012-08-06 12:05:28

移动WebKit的滚动条

回答

相关问题