【新手向】一個超簡單的jquery.mCustomScrollbar滾動條插件Demo

廢話很少說，直接上代碼。

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js"></script>
<link href="https://cdn.bootcss.com/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css" rel="stylesheet">
<style>
    .content {
        width: 240px;
        height: 400px;
    }
</style>
<div class="content">
    <p>
        關於 SegmentFault
        杭州堆棧科技有限公司創立於 2012 年，旗下擁有 SegmentFault 中文技術交流平臺，
        在這裏你能夠檢索，交流和分享任何技術編程相關的問題及知識。咱們的目標是覆蓋和服務
        1,000 萬以上中國軟件開發者和IT信息從業者，其實現方法是充分利用在各個平臺上所能獲
        得的各類技術創新機會爲他們開發產品應用和服務。
        SegmentFault 的文化
        精益和敏捷、簡單和價值是咱們的文化核心，也是咱們的核心價值觀SegmentFault 團隊由 20 多位
        獨特且富有才華的成員組成，致力於爲數百萬開發者和程序員提供產品和服務。
        SegmentFault 將黑客馬拉松活動引入中國
        至今，已經在國內一線互聯網城市以及臺北、新加坡、硅谷等地區舉辦了超過 50 場黑客馬拉松。
        SegmentFault 是目前中國最大的黑客馬拉松組織方。
        媒體報道
        期待更多的媒體朋友能與 SegmentFault 一塊兒共同關注程序員羣體和軟件開發行業，共同促進行
        業的可持續發展和激發新技術的不斷誕生
        SegmentFault、友好速搭、華爲、滴滴等成爲網易蜂巢首批合做夥伴
        虎嗅
        開發者技術問答社區 SegmentFault 獲新一輪 >>1024 萬融資
        36氪
        面向開發者的技術問答社區SegmentFault獲數百萬人民幣天使輪融資
        36氪
        SegmentFault 得到新媒體創業大賽第二名
        虎嗅網
        SegmentFault：瞄準技術宅的互聯網社區
        解放日報
        SegmentFault：構建專業的程序員問答網站
        DoNews
    </p>
</div>
<script>
    (function($) {
        $(window).load(function() {
            $(".content").mCustomScrollbar({
                scrollButtons: {enable: true},
            });
        });
    })(jQuery);
</script>

效果大概是這樣的：

拖動條條文字上下滾動

看不清？那咱換個主題

<script>
    (function($) {
        $(window).load(function() {
            $(".content").mCustomScrollbar({
                scrollButtons: {enable: true},
                theme: "3d-thick"
            });
        });
    })(jQuery);
</script>

script中加了個theme: "3d-thick"
效果如圖：

是否是能看得清了？

項目在線預覽：http://jsrun.pro/8ubKp
要講的話也沒什麼好講的吧，挺簡單的。
但願能對新手產生啓發做用。
jQuery custom content scroller插件官網