在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循環中創建的框？

編輯：根據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倍。

Answer 1

我不太確定我了解您要做什么。 如果要將div設置為溢出，請滾動：滾動，然后滾動到它的底部，這對於jQuery非常簡單。 我在示例聊天應用程序上做了類似的操作，每當有新消息出現時，頁面都會滾動到底部。 看起來像這樣：

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

因此，您可以做的是在創建所有行之后，像上面一樣在元素上設置scrollTop，然后將其設置為scrollHeight，這會將滾動條放在該部分的底部。

如果這不是您要的內容，請更新您的問題或發表評論，以便我更新我的答案。