在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，这会将滚动条放在该部分的底部。

如果这不是您要的内容，请更新您的问题或发表评论，以便我更新我的答案。