2

私はアプリケーション開発インターンです。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 ループで作成されるボックスにこの関数を適用するにはどうすればよいですか?

編集:Timothy-Strimpleのアドバイスを使用して、scrollTo()というJqueryプラグインを使用してこれを作成しました:

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

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

今、私が見ていた div は、オーバーフローすると、下にスクロールしてから 5 倍に戻ります。

4

1 に答える 1

0

あなたが何をしようとしているのかよくわかりません。divをオーバーフローに設定する場合:スクロールしてから、その一番下までスクロールします。これは、jQueryを使用すると非常に簡単です。私はサンプルチャットアプリでそのようなことをしました。新しいメッセージがあるたびにページが一番下にスクロールします。次のようになります。

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

したがって、すべての行を作成した後、上記のように要素にscrollTopを設定し、それをscrollHeightに設定すると、セクションの下部にスクロールバーが配置されます。

それがあなたの質問ではない場合は、質問を更新するか、コメントを投稿してください。回答を更新します。

于 2012-05-04T20:46:53.853 に答える