评论：自定义滚动条插件（原创）  [查看原文]

静心若水0
2018/11/20 9:13:29
滚动内容，需要是包裹盒子的第一个子元素

静心若水0
2018/11/19 14:50:56

在mounted事件中创建对象就可以使用。


mounted () {
    var oMyBar1 = new MyScrollBar({
        selId: 'wrapper1',
        bgColor: 'rgba(50, 50, 50, 0.2)',
        barColor: '#2E8EEA',
        enterColor: '#056FD8',
        enterShow: false,
        borderRadius: 2,
    });
}

　　　EFG　0
2018/3/12 14:55:02

var oMyBar1 = new MyScrollBar({
    selId: "wrapper1",
    width: "5",
    barColor: "#595959",
    bgColor: "#202020",
});
$("#select-year-list li").on("click", function() {
    $.ajax({
        url: 'test.html',
        type: 'GET',
        async: true,
        data: '',
        timeout: 5000,
        dataType: 'html',
        beforeSend: function() {},
        success: function(data) {
            $("#varietylist").html(data);
            oMyBar1.setSize();
        },
        error: function() {
            alert("载入失败，请刷新页面重试！");
        }
    });
})

　　　EFG　0
2018/3/12 14:57:14
如果div内容默认空，ajax载入内容进来后 执行 setSize() 不显示滚动条

areyouOk0
2018/3/12 15:26:28
把插件放到一个function aa(){...} 中 ，ajax后要在运行一下aa();因该就可以了。

巷°0
2019/9/16 15:33:31
不知道这个问题解决了吗

英雄本色0
2018/3/2 16:26:52
为什么点赞的颜文字出不来呢

滚动层 不设置高度 就不显示滚动条 这个情况有办法吗 也可能和页面其他js有冲突？

静心若水1
2018/1/11 22:10:09
Y轴滚动条不用设置高度也可以显示滚动条呀。X轴滚动条需要设置宽度，因为滚动层的盒子不设置宽度，就是遮罩层的宽度。

麦祖0
2018/1/12 11:10:37

用在选项卡下的列表滚动   我设置了高度 就显示 不设置 就不显示了 

静心若水1
2018/1/12 17:55:37

8、注意：如果滚动盒子的祖先元素在创建实例的时候是display:none隐藏的话，那这时候滚动条的高度是0，所以在其显示之后要调用一次setSize方法，来重新计算高度。

静心若水0
2018/1/12 17:56:48
在该选项卡显示的时候调用一下setSize方法，应该可以

可以设置 跳转到某个位置不 比如第几个P或者某个id的位置

静心若水0
2018/1/10 11:01:43

暂时没有，我弄好了，更新。

静心若水0
2018/1/10 19:36:07

好了，这个功能添加上了，先在在审核。

areyouOk0
2018/1/10 21:05:54

非常好，作者辛苦啦。

麦祖0
2018/1/11 12:37:11

棒！辛苦辛苦

麦祖0
2018/1/11 16:53:53

可以直接打开就自动滚动要某个id位置吗 似乎现在这个 只能有点击等动作才行

静心若水1
2018/1/11 22:13:49
现在没有打开的默认位置设置，可以在初始化后执行MyScrollbar.jump()跳过去，不设置time。

包裹层有padding时候的问题修改了，可能还需要审核一段时间。

有什么问题，请大家指正，我会努力更新的！