改变滚动条设计

时间:2010-12-02 06:23:26

标签: css scrollbar browser-scrollbars

任何人都知道如何重新设计IE的滚动条滑块??不仅仅是一种颜色,还可以执行..

3 个答案:

答案 0 :(得分:6)

谷歌搜索将引导您阅读各种相关文章,包括"10 jQuery Custom Scrollbar Plugins"

通常,重新设计需要JavaScript来控制溢出容器的滚动。

答案 1 :(得分:1)

最好的方法是禁用浏览器滚动条并使用javascript解决方案。当然,这会影响所有浏览器,而不仅仅是IE。

如果你想走那条路,我强烈推荐jScrollPane。 http://www.kelvinluck.com/projects/jscrollpane-custom-cross-browser-scrollbars/

安装后只需将此添加到您的css: html,body {overflow:hidden;}

jScrollPAne非常棒,因为您可以使用CSS或自定义图像轻松设置样式。您还可以轻松调整滚动速度和其他行为。

答案 2 :(得分:1)

虽然这里提到的扩展在大多数情况下都很有用,但我发现它们与本机滚动条不相同。

例如,具有动态内容或调整大小的容器不会触发滚动条调整大小,我发现这是一个巨大的限制。(HTML5 Mutation Observers将来可能会使这更容易。)

现在我更喜欢scrollbar styling,它具有所有原生功能。 缺点是只有Webkit支持 - Chrome和Safari浏览器。

我仍然认为这是一个很好的交易...最近我注意到Google正在为他们的应用程序(Gmail,G +,Reader等)使用相同的技术