2011-12-09 14 views
3

私はチャットスクリプトをコーディングし、ASP.NETでDatabinder with Repreaterを使用してDIVレイヤーをスクロールしてスクロールダウンする方法を理解するためにAJAX拡張を使用します。著者はちょうど私のロジックではなく、コードを与えたところ データがロードされたときにDIVレイヤーを動的にスクロールする

私は今日のブログを読んで、私はハイエンドJavaScriptを書くの専門家ではないです。誰でもそれを建設するのを助けることができます。

  1. スクロールバーの位置を取得します。
  2. スクロールバーの位置が下でない場合は、一番下に移動します。新しいアイテムがのDataBinderにロードされるまで、スクロールバーが上にスクロールされている場合は
  3. は何のアクションもしません。

誰もが上記の3つの構文を私にしてください提供することができます。


私の問題を取り除く他の方法がある場合は、親切にも教えてください。

答えて

3

あなたはネイティブJSとjQueryで$(セレクタ).scrollTop()メソッドでscrollTopスプライトプロパティを使用することができます。どちらの場合も、その要素のスクロール位置を変更するために値を割り当てることができます。

例:あなたの答えのhaynarため

document.getElementById("myDiv").scrollTop = 100; 
$("#myDiv").scrollTop(100); 

EDIT

var div = document.getElementById('myDiv'); 
var scrollHeight = div.scrollHeight; 
var scrollTop = div.scrollTop; 
var height = parseInt(div.style.height); 
if(scrollHeight - (scrollTop + height) == 0) { 
    // do something when you're at the bottom 
} else { 
    // do something when you're NOT at the bottom 
} 
+0

感謝。スクロールバーの位置が現在ボトムでない場合は、スクロールバーを下にスクロールするという条件付きのJavaScriptが必要です。これをコーディングするのを手伝ってもらえますか? –

+0

私はそれに応じて私の答えを更新しました – haynar

関連する問題