2012-09-15 17 views
8

私のWebページにslimScrollを使用しました。コンテンツはAJAXによって追加されています。スクロール・スクロール・プラグインでスクロール・アップ

スクロールをスクロールしてから、さらに多くのコンテンツ(AJAXロード)でリロードすると、スクロールバー自体は以前と同じ位置になります。

slimScrollには、新しいコンテンツを読み込んだ後にスクロールする機能がありますか?あなたはscrollTo方法でビルドを使用することができますトップにスクロールする必要がある場合

答えて

5

バージョン1.0.0以来:

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

+1

あなたの偉大なプラグインのおかげでRochal、それは本当に私がインターネット上で見つけることができる最高のものの一つですが、この方法で私の問題を解決することはできないようだ。スクロールバーは私がajaxを使用してコンテンツをリロードした後も依然として保持する – Ichigo

+2

この全く同じ問題があります。コンテンツは上部にスクロールされますが、スクロールバーはその位置にとどまります。誰でもこれについて何か追加の考えがありますか? –

21

私は@rochalによって記述scrollオプションが起こっているとは思いませんthe version currently up on GitHubで使用されていないように見えます。代わりにscrollToまたはscrollByを試してください。

がトップにスクロールするには:

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

を逆に、あなたが一番下までスクロールしたい場合は、次の作業をする必要があります:

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

作品スクロールの下部に最適です。 – gfivehost

+1

私はあなたを愛しています。私は本当にします。あなたはちょうどこれで多くを助けました:) – Placeable

0

は、代わりにあなたは、この問題を解決するためにJavaScriptを使用することができます...

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

element-idあなたのCのidですontent面積は(通常はそのdiv)新しいコンテンツがあなたのdiv

2

このコードに追加されたときに、このコードを実行..

は私のために実行されました。

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

これは、一番下の位置にスクロールバーを表示し、divの下部にあるコンテンツも取得します。

+0

ありがとう。これは完全に機能しています。 –

関連する問題