MVC3のJavascriptを使用してdivを垂直方向にスクロール

Question

私はアプリケーション開発インターンです。私はASP.NET MVC3を使ってアプリケーションを作っています。これは、それを使っている会社が作業中のさまざまなプロジェクトをボックスに表示します。これらのボックスは、foreachループを使用してテーブルに作成されます。

<div class= "row"> 
     @foreach (var item in Model) 
     { 
     @Html.Action("Client", new { controller = "Dashboard", Client = item })  
     } 
    </div> 

オーバーフローが発生した場合、これらのボックスを自動的にスクロールダウンします。これは私が使用したい機能のようです：

function pageScroll() { 
     window.scrollBy(0,50); // horizontal and vertical scroll increments 
     scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds 
    } 

どのようにこの機能をforeachループで作成されているボックスに適用しますか？

はEDIT：

for (d = 0; d < 52; d) { 

    $(".dashboard-well").scrollTo('100%', 10000).delay(2000); 
    $(".dashboard-well").scrollTo('0%', 10000).delay(2000); 
    d++; 
} 

今オーバーフローしたときに、私は、見ていたのdivは、当時、スクロールダウンします： ティモシー・Strimpleの助言を使用して、私はこれを作成する）scrollTo（と呼ばれるjQueryプラグインを使用しました最大5倍。

Answer 1

私はあなたが何をしようとしているのかよく分かりません。 divをオーバーフローに設定したい場合は、スクロールし、その下にスクロールしてください。これはjQueryでかなり簡単です。私は新しいメッセージがあるたびにページが一番下にスクロールする私のサンプルチャットアプリでそういったことをしました。あなたはすべての行を作成したされた後に何を行うことができます私は上記の行っているように、要素のscrollTopスプライトを設定するので、

$('#messages').scrollTop($('#messages')[0].scrollHeight);

、及びscrollHeightとその意志に設定します。それはこのようになりますスクロールバーをセクションの下部に置きます。

これはあなたの質問を更新したり、コメントを投稿して回答を更新してください。