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

Question

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

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

Answer 1

这些天有100种可用于自定义滚动条的选项.

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

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

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

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