0

我正在开发一个在（Windows）平板电脑上运行的网络应用程序。我不会详细介绍，但基本上用户有一个任务列表，并在完成时检查每个任务。

当他们检查一个任务时，我使用 jQuery (scrollTop()) 滚动，以便他们可以在同一个位置单击下一个任务，而不必手动滚动（这在这个特定的平板电脑上很棘手）。

问题是，当他们可以到最后 5 或 6 个任务时，它是 div 的结尾，所以滚动停止，这很奇怪，因为他们已经习惯了在同一个地方点击。

我想保持它滚动，但我不知道如何。

我的猜测只是在底部添加空格，但是我不确定如何检测它何时到达底部以添加空格。

4

1 回答 1

1

在页面加载时找到最后一个列表项。然后添加空格，以便它可以滚动到页面顶部。我为我的一个网站这样做，这样当人们访问锚点时，它们就会出现在页面顶部。当他们没有我自己时讨厌它！

var $lastinput = $('input').last();
if ($lastinput.length > 0) {
    var headerTop = $lastinput.offset().top;
    var spacing = $(window).height() - ($('body').height() - headerTop);
    $('#setpageheight').height(spacing);
}

在内容区域的底部，我有一个零高度 div，称为setpageheight. 我根据需要给它一个高度。

http://jsfiddle.net/Ge7nM/

于 2012-08-25T00:33:34.460 回答