Jquery漂亮的滚动条不工作
我对div使用Jquery漂亮的滚动条,但当div的内容动态增加时,它不会显示滚动条。如果我删除漂亮的滚动条,Windows默认滚动条工作正常。 有人能帮我解决这个问题吗 Html 这是我的代码示例。一些可能的原因:Jquery漂亮的滚动条不工作,jquery,nicescroll,Jquery,Nicescroll,我对div使用Jquery漂亮的滚动条,但当div的内容动态增加时,它不会显示滚动条。如果我删除漂亮的滚动条,Windows默认滚动条工作正常。 有人能帮我解决这个问题吗 Html 这是我的代码示例。一些可能的原因: 1-可能您忘记指定div高度。固定您的div高度。 2-如果您的div在宽度上是浮动的,也可以固定该宽度。 Remmember您的DIV样式应该有:overflow-y:hidden 更新 每次向下滚动时,请尝试使用resize()函数: $("div-to-scroll").sl
1-可能您忘记指定div高度。固定您的div高度。
2-如果您的div在宽度上是浮动的,也可以固定该宽度。
Remmember您的DIV样式应该有:
overflow-y:hidden代码>
更新
每次向下滚动时,请尝试使用resize()函数:
$("div-to-scroll").slideDown(function(){
$("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();
}
调用此函数以更新滚动条
setScroll(".classWithNiceScroll");
这样做:
// Scroll X Axis
$("#mydiv").getNiceScroll()[0].doScrollLeft(x, duration);
// Scroll Y Axis -
$("#mydiv").getNiceScroll()[0].doScrollTop(y, duration);
或:
注意
[0]
在getnicesroll()之后(
sry;-)我认为当前的代码状态:-)hmm应该使用简单的$(“#div to scroll”).niceSoll()。。。要滚动的奇怪ID或类div?;-)对不起,它的id我忘了换是的,我所做的一切。问题是,当窗口加载时,它可以工作,但在我开始附加内容后,它就不工作了。@keyuratdebins.com附加内容后会发生什么?它是停止滚动还是同时显示所有内容?@keyuratcodebins.com每次向下滚动时都尝试使用resize()函数我也有同样的问题,我发现如果我在chrome上切换选项卡并返回,它就会开始工作。有什么想法吗?鼠标盖是从哪里来的?第二行有一个额外的#
@Raptor是的,只需遵循语法即可。(选择器在此不重要)
var setScroll = function(i) {
if($(i).length>0)
$(i).niceScroll().updateScrollBar();
}
setScroll(".classWithNiceScroll");
// 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);