Jquery Đẹp cuộn không hoạt động

Question

Tôi đang sử dụng thanh cuộn Jquery đẹp cho div, nhưng khi nội dung của div tăng tự động thì không hiển thị thanh cuộn. Thanh cuộn mặc định của Windows hoạt động tốt nếu tôi xóa cuộn đẹp. Có ai giúp tôi giải quyết vấn đề này không?

Html

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

Script

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

đây là mẫu mã của tôi.

Answer 1

Cuối cùng làm việc này cho tôi.

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

Answer 2

Một số lý do có thể có:
1- Có thể bạn quên chỉ định chiều cao div của mình. sửa chiều cao div của bạn.
2 - cũng nếu div của bạn là nổi chiều rộng cố định chiều rộng quá.
remmember rằng STYLE DIV của bạn nên có: overflow-y: hidden;
CẬP NHẬT
hãy thử sử dụng thay đổi kích thước() chức năng mỗi khi bạn di chuyển xuống:

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

Answer 3

cho tôi hoạt động giống với

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

Answer 4

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

Để có được thanh cuộn trên cơ thể đầy đủ

Answer 5

UPDATE: chức năng mới tìm thấy!

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

Gọi chức năng này để cập nhật niceScroll

setScroll(".classWithNiceScroll"); 

Answer 6

Làm điều này:

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

hay:

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

Note [0] sau getNiceScroll()