jquery/scrollbar/ target=_blank class=infotextkey>jquery滚动条插件slimscroll用法
如何对滚动条进行美化,推荐一款功能强大的滚动条插件jQuery slimScroll,不仅可以定义高度、宽度,还可以定义位置、滚动条大小、尺寸、颜色以及众多参数自定义。
使用方法:
1、加载jQuery以及滚动条插件slimscroll
复制代码 代码示例:
<script type="text/
javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="libs/jquery.slimscroll.min.js"></script>
2、调用函数(jquery滚动条插件slimscroll中函数)
复制代码 代码示例:
$('#slimtest3').slimScroll({
color: '#00f',
size: '10px',
height: '180px',
alwaysVisible: true
});
3、html部分
复制代码 代码示例:
<div class="some-content-related-div">
<div id="inner-content-div">
<p>这里是文字滚动内容 .... </p>
</div>
</div>
更多jquery滚动条插件的例子,包括滚动条美化插件的用法: