3

nanoscroller jsを使用して、要素にスクロール可能な領域を作成していdivます。問題は、その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").nanoScroller();

U に多数の .nano DIV があり、そのうちの 1 つに U Ajaxing データがある場合は、次のように使用することをお勧めします。

$("#FaceBookAjaxNotifi .nano").nanoScroller(); ジョナタスが書いたように..

(状況によってはパフォーマンスが劇的に向上します)

于 2016-11-05T21:17:49.760 に答える
0

同様の問題がありました。私の nano div はもともと画面の幅を埋めており、コンテンツの量にはスクロールバーは必要ありません。しかし、その後、ユーザーの操作によって右側に 2 つ目の div が表示され、nano div がスキナーになり、すべてのコンテンツを表示するには小さすぎますが、スクロールバーは表示されませんでした (ただし、マウス ホイールを使用してナノ含有量）。

提供された回答のどちらもうまくいかなかったか、間違って適用した可能性があります。そこで、jquery.nanoscroller.js コードを調べたところ (これが最初にすべきことだったと思います)、呼び出しが次のようになっていることがわかりました。

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

div ID などを参照する必要はありません。nano div のサイズが変更されるたびに、この呼び出しを行うと、nano スクロールバーが収まるように調整されます。ページに複数の nano div がある場合、この 1 回の呼び出しでそれらすべてがリセットされます。

于 2014-12-24T18:49:21.080 に答える