私はアプリケーション開発インターンです。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 倍に戻ります。