3

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

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

4

4 回答 4

7

重新初始化 nanoScroller $("your scrollable").nanoScroller(); 插入内容后...

$("your content div").append("something");
$("your scrollable container").nanoScroller();
于 2013-03-07T14:25:45.653 回答
2

@Jonatas Answer 对我不起作用,然后我想出了这个

$("#my_scrollable_container")[0].nanoscroller.reset();

于 2014-10-24T07:21:11.607 回答
0

我有一个类似的问题。我的 nano div 原本是填满屏幕的宽度,内容量不需要滚动条。但是随后用户操作导致第二个 div 出现在右侧,使 nano div 更小,无法显示所有内容 - 但滚动条没有出现(尽管我仍然可以使用鼠标滚轮滚动纳米含量)。

提供的答案都不适合我,或者我可能错误地应用了它们。所以我查看了 jquery.nanoscroller.js 代码(我想这是我首先应该做的),发现调用只是:

$(".nano").nanoScroller();

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

于 2014-12-24T18:49:21.080 回答
0

小心使用这样的东西:

$(".nano").nanoScroller();

因为如果 U 有很多 .nano DIV 和 U Ajaxing 数据到其中一个,最好使用例如:

$("#FaceBookAjaxNotifi .nano").nanoScroller(); 正如乔纳塔斯所写..

(在某些情况下会显着提高性能)

于 2016-11-05T21:17:49.760 回答