我正在使用nanoscroller jsdiv
在元素中创建可滚动区域。问题是我正在div
用 ajax 数据填充该元素(想象一下 facebook 通知)。首先有 0 个通知,没有数据。然后我用 10 填充它。滚动条不存在。当我刷新页面时(现在已经有 10 个通知),它会自行创建,因为它知道内容多于空间。
填充数据后如何使其创建滚动条?
我正在使用nanoscroller jsdiv
在元素中创建可滚动区域。问题是我正在div
用 ajax 数据填充该元素(想象一下 facebook 通知)。首先有 0 个通知,没有数据。然后我用 10 填充它。滚动条不存在。当我刷新页面时(现在已经有 10 个通知),它会自行创建,因为它知道内容多于空间。
填充数据后如何使其创建滚动条?
重新初始化 nanoScroller $("your scrollable").nanoScroller(); 插入内容后...
像
$("your content div").append("something");
$("your scrollable container").nanoScroller();
@Jonatas Answer 对我不起作用,然后我想出了这个
$("#my_scrollable_container")[0].nanoscroller.reset();
我有一个类似的问题。我的 nano div 原本是填满屏幕的宽度,内容量不需要滚动条。但是随后用户操作导致第二个 div 出现在右侧,使 nano div 更小,无法显示所有内容 - 但滚动条没有出现(尽管我仍然可以使用鼠标滚轮滚动纳米含量)。
提供的答案都不适合我,或者我可能错误地应用了它们。所以我查看了 jquery.nanoscroller.js 代码(我想这是我首先应该做的),发现调用只是:
$(".nano").nanoScroller();
无需引用 div ID 或任何东西。每次更改 nano div 的大小时,进行此调用,nano 滚动条应调整以适应。如果页面中有多个 nano div,则此调用将重置所有这些。
小心使用这样的东西:
$(".nano").nanoScroller();
因为如果 U 有很多 .nano DIV 和 U Ajaxing 数据到其中一个,最好使用例如:
$("#FaceBookAjaxNotifi .nano").nanoScroller();
正如乔纳塔斯所写..
(在某些情况下会显着提高性能)