jQuery的尼斯滚动不工作(Jquery Nice scroll not working)

2019-09-21 00:20发布

我使用jQuery漂亮的滚动条的DIV,但是当股利增加内容的动态不显示滚动条。 如果我删除漂亮的滚动Windows默认的滚动条正常工作。 谁能帮我解决这个问题?

HTML

<div id="div-to-scroll">
</div>

脚本

$(document).ready(function(e) {
    var nice = $("#div-to-scroll").getNiceScroll();
    $("#div-to-scroll").niceScroll();
    $("#div-to-scroll").getNiceScroll().resize();
});

这是我的代码示例。

Answer 1:

最后,这对我的作品。

$("#div-to-scroll").scroll(function(){
  $("#div-to-scroll").getNiceScroll().resize();
});


Answer 2:

对我的作品只是

$("#div-to-scroll").mouseover(function() {
    $("#div-to-scroll").getNiceScroll().resize();
});


Answer 3:

更新:新功能找到了!

 var setScroll = function(i) {
        if($(i).length>0)
        $(i).niceScroll().updateScrollBar();
} 

调用这个函数来更新niceScroll

setScroll(".classWithNiceScroll");


Answer 4:

一些可能的原因:
1 - 也许你忘了指定DIV的高度。 修复您的DIV高度。
2 - 也如果你的DIV是漂浮在宽度修复该宽度太。
Remmember你的DIV风格应该有: overflow-y: hidden;
UPDATE
尝试使用调整()函数,每次向下滚动时间:

$("div-to-scroll").slideDown(function(){
  $("div-to-scroll").getNiceScroll().resize();
});


Answer 5:

做这个:

// Scroll X Axis 
$("#mydiv").getNiceScroll()[0].doScrollLeft(x, duration);
// Scroll Y Axis - 
$("#mydiv").getNiceScroll()[0].doScrollTop(y, duration);

要么:

// Scroll X Axis 
$("#mydiv").getNiceScroll(0).doScrollLeft(x, duration);
// Scroll Y Axis - 
$("#mydiv").getNiceScroll(0).doScrollTop(y, duration);

[0]getNiceScroll()



Answer 6:

$("html").mouseover(function() {
    $("html").getNiceScroll().resize();
});

要获得完整的身体滚动条



文章来源: Jquery Nice scroll not working