Question

我使用Jquery很好的滚动条为div，但当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宽度也是浮动的那个也固定了那个宽度 记住你的DIV STYLE应该：overflow-y: hidden;
的更新
每次向下滚动时都尝试使用resize（）函数：

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

Answer 5

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

获取全身滚动条

Answer 6

这样做：

// 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()

Jquery Nice滚动不起作用

6 个答案: