我使用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();
});
这是我的代码示例。
最后,这对我的作品。
$("#div-to-scroll").scroll(function(){
$("#div-to-scroll").getNiceScroll().resize();
});
对我的作品只是
$("#div-to-scroll").mouseover(function() {
$("#div-to-scroll").getNiceScroll().resize();
});
更新:新功能找到了!
var setScroll = function(i) {
if($(i).length>0)
$(i).niceScroll().updateScrollBar();
}
调用这个函数来更新niceScroll
setScroll(".classWithNiceScroll");
一些可能的原因:
1 - 也许你忘了指定DIV的高度。 修复您的DIV高度。
2 - 也如果你的DIV是漂浮在宽度修复该宽度太。
Remmember你的DIV风格应该有: overflow-y: hidden;
UPDATE
尝试使用调整()函数,每次向下滚动时间:
$("div-to-scroll").slideDown(function(){
$("div-to-scroll").getNiceScroll().resize();
});
做这个:
// 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()
$("html").mouseover(function() {
$("html").getNiceScroll().resize();
});
要获得完整的身体滚动条