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 回答