jquery滚动条

 查看演示  website  立即下载

添加引用

<!--引入 滚动条 css-->
<link rel="stylesheet" href="css/common.css">
<!--引入 jQuery-->
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<!--引入 滚动条事件js-->
<script src="js/tinyscrollbar.js" type="text/javascript"></script>

<div id="scrollbar_test">
    <!--//滚动条样式，track为滚动条轨道，thumb为滚动按钮，end可以设置滚动按钮上或下的样-->
    <div class="scrollbar">
        <div class="track">
            <div class="thumb">
                <div class="end"></div>
            </div>
        </div>
    </div>
    
    <div class="viewport">
        <div class="overview" style="top: 0px;">
            这里是自定义内容...
        </div>
    </div>
</div>

初始化脚本

<script>
    $(document).ready(function(e) {
        $('#scrollbar_test').tinyscrollbar();
    });
</script>

============感谢网友 嗜啡者 提供的内容============

PREVIOUS:
NEXT:
图片放大镜
jquery和css3反转切换效果