jquery - Slimscrollプラグインでトップをスクロール

Question

私slimScrollは自分のWebページで使用し、コンテンツはAJAXによって追加されました。

スクロールを下にスクロールしてからさらにコンテンツをリロードすると（AJAXロード）、スクロールバー自体は常に以前と同じ位置を維持します。

slimScroll新しいコンテンツを読み込んだ後、上にスクロールするために呼び出すことができる関数があるのだろうか？

score 25 · Accepted Answer

scroll@rochal で説明されているオプションは、現在 GitHub にアップされているバージョンでは使用されていないように見えるため、現在は機能しないと思います。代わりにscrollToまたはを試してくださいscrollBy。

一番上にスクロールするには:

$('#elem_id').slimScroll({ scrollTo : '0px' });

逆に、一番下までスクロールしたい場合は、次のようにします。

var scrollTo_val = $('#elem_id').prop('scrollHeight') + 'px';
$('#elem_id').slimScroll({ scrollTo : scrollTo_val });

score 5 · Accepted Answer

バージョン 1.0.0 以降、一番上までスクロールする必要がある場合は、build in scrollToメソッドを使用できます。

$(element).slimScroll({ scrollTo: '0' });

score 2 · Accepted Answer

このコードは私のために実行されました。

var scrollTo_int = $('#elem_id').prop('scrollHeight') + 'px';
$('#elem_id').slimScroll({scrollTo : scrollTo_int });

これにより、一番下の位置にあるスクロールバーが取得され、div の一番下にあるコンテンツも取得されます。

score 0 · Accepted Answer

または、javascript を使用してこの問題を解決することもできます...

document.getElementById("element-id").scrollTop = document.getElementById("element-id").scrollHeight;

element-idコンテンツ領域のですid(通常はそのdiv)..

新しいコンテンツがあなたに追加されたときにこのコードを実行しますdiv

5 に答える 5