Question

我在div元素中有50条数据记录，我只看到10条开头，另外40条是display：none。当我点击下一个，然后下一个按钮向下滚动，10个新div将可见。问题是，如果我打开更多记录，屏幕上可以看到什么，那么下一个按钮就会用完屏幕。因此，当我第一次加载页面时，页面顶部的下一个按钮的距离为300 px。然后我点击下一步，这个距离将是600，最后用完，但页面应滚动到下一个按钮的底部位置。另一个问题是，最后并不总是会出现10条记录，因此问题的静态方法不能正确。所以这就好了：

$("html, body").animate({ scrollTop: 2*$('#next-button').offset().top-$(document).height()}, 1000);

但最后，当记录少于10时，它会向下滚动10，只是为了下一次点击（当没有元素时），将向下滚动到适当的高度。即使div正在移动，有没有任何方法可以向下滚动到div的底部？没有任何插件会更好。

这是更多代码：

HTML：

<body>
<div id="content">New elements appears here if there was click</div>
<div id="next-button">Next 10</div>
<div id="footer">Lot of data</div>
</body>

JS：

$("#next-button").click(function() {
  //Scroll down the new results and after:
  $("html, body").animate({ scrollTop: 2*$('#next-button').offset().top-$(document).height()}, 1000);
});

jQuery - 滚动到移动div

0 个答案: