Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery漂亮的滚动条不工作_Jquery_Nicescroll - Fatal编程技术网

Jquery漂亮的滚动条不工作

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

我对div使用Jquery漂亮的滚动条,但当div的内容动态增加时,它不会显示滚动条。如果我删除漂亮的滚动条,Windows默认滚动条工作正常。 有人能帮我解决这个问题吗

Html

这是我的代码示例。

一些可能的原因:
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);