Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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
Javascript 纳米克罗勒不';如果在启动滚动程序后插入内容,则不创建滚动_Javascript_Jquery - Fatal编程技术网

Javascript 纳米克罗勒不';如果在启动滚动程序后插入内容,则不创建滚动

Javascript 纳米克罗勒不';如果在启动滚动程序后插入内容,则不创建滚动,javascript,jquery,Javascript,Jquery,我正在使用在div元素中创建一个可滚动区域。问题是我用ajax(想象一下facebook通知)将数据填充到div元素中。首先是0个通知,没有数据。然后我把它填上10。滚动条不在那里。当我刷新页面(现在已经有10个通知)时,它会创建自己,因为它知道内容比空间多 如何使其在填充数据时创建滚动条?重新初始化nanoScroller$(“您的可滚动”)。nanoScroller();插入内容后 像 @乔纳塔的回答对我不起作用,然后我想出了这个答案 $(“#我的可滚动#容器”)[0].nanoscrol

我正在使用在
div
元素中创建一个可滚动区域。问题是我用ajax(想象一下facebook通知)将数据填充到
div
元素中。首先是0个通知,没有数据。然后我把它填上10。滚动条不在那里。当我刷新页面(现在已经有10个通知)时,它会创建自己,因为它知道内容比空间多


如何使其在填充数据时创建滚动条?

重新初始化nanoScroller$(“您的可滚动”)。nanoScroller();插入内容后


@乔纳塔的回答对我不起作用,然后我想出了这个答案


$(“#我的可滚动#容器”)[0].nanoscroller.reset();

我也有类似的问题。我的nano div最初占据了屏幕的宽度,内容量不需要滚动条。但是,用户操作会导致第二个div出现在右侧,使得nano div skinner太小,无法显示所有内容——但是滚动条没有出现(尽管我仍然可以使用鼠标滚轮滚动nano内容)

提供的两个答案都不适用于我,或者可能是我用错了。因此,我查看了jquery.nanoscroller.js代码(我想这是我首先应该做的),发现调用只是:

$(“.nano”).nanoScroller()


不需要引用div ID或任何东西。每次更改nano div的大小时,进行此调用,nano滚动条应进行调整以适应。如果页面中有多个nano div,则此调用将重置所有nano div。

小心使用此类命令:

$(“.nano”).nanoScroller()

因为如果你有很多。nano DIV,并且你将数据调到其中一个, 更好地使用例如:

$(“#facebook ajaxnotifi.nano”).nanoScroller()
正如乔纳塔斯所写


(在某些情况下,它会显著提高性能)

这与Jonatas的答案基本相同。
$("your content div").append("something");
$("your scrollable container").nanoScroller();