【新手向】一个超简单的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插件官网