如何在html网页中制作漂亮的滚动条

Question

我见过一些网页在 div 元素溢出时有一个非常漂亮的滚动条。这不是默认滚动条，看起来像 iPhone 中的滚动条。一个很好的例子是 twitter，当你点击某人查看时更多信息。我不确定我是否清楚地表达了这一点...

我的页面中要显示一个 div，它可能会溢出，当它溢出时，我想要一个漂亮的滚动条，而不是默认的滚动条。有人知道如何实现这一点吗？或者有我可以使用一些开源项目吗？ 多谢！

Answer 1

如今，有数百种可用于自定义滚动条的选项。它们通常很简单，只需将类分配给 div，然后在加载时调用插件函数：

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

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

http:// jscrollpane.kelvinluck.com/