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

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

使用MVC3中的Javascript垂直滚动div

1 个答案: