如何在网页HTML中制作一个漂亮的滚动条

时间:2012-02-22 12:26:39

标签: html css scrollbar

我看到一些网页在div元素溢出时有一个非常漂亮的滚动条。它不是默认的,在iPhone中看起来像滚动条。一个很好的例子是当你点击某人看时的推特更多信息。我不确定我是否明白了......

我有一个div显示在我的页面中,它可能会溢出,当它发生时,我想要一个漂亮的滚动条,而不是默认的。有人知道如何实现这一点?或者有一些开源项目我可以使用? 非常感谢!

1 个答案:

答案 0 :(得分:5)

现在有100种可用于自定义滚动条的选项。

下面是一些用于创建自定义滚动条的最流行的jQuery插件列表:

10 jQuery Custom Scrollbar Plugins

它们通常就像为div分配类一样简单,然后在加载时调用插件函数:

<div class="myscrollingdiv" style="overflow:scroll; height:200px;"></div>

$(function(){
   $(".myscrollingdiv").jScrollPane();
});

http://jscrollpane.kelvinluck.com/