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();