更改窗口/ div滚动条的设计

Question

我有一个div，它有一个溢出属性，一切都很好，但我希望滚动条看起来像这样。不是默认的，无论如何我可以实现这个吗？

还是我必须使用css框架？

Answer 1

您可以从此处应用相同的滚动条。只需按照说明操作即可。

http://rocha.la/jQuery-slimScroll

Answer 2

由于css中没有可用的跨浏览器滚动条样式，因此您需要使用jquery库为您执行此操作。

使用此库 https://code.google.com/p/jscrollpane/

只需下载并附加到您的项目和想要设置滚动条样式的div 只需将其编码为此

即可

<div class="styleme"></div>

和你的jquery

$(document).ready(function(){

    $('.styleme').jScrollPane();

});

这就是你需要做的一切。 希望它有所帮助。

Answer 3

你可以使用jquery tinyscrollbar插件

http://baijs.nl/tinyscrollbar/

在Javascript中

$('#scrollbar1').tinyscrollbar();