Question

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

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

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

我想保持滚动，但我不确定如何。

我的猜测只是在底部添加空格，但后来我不知道如何检测它何时到达底部以便添加空格。

Answer 1

在页面加载中找到最后一个列表项。然后添加空格，以便它可以滚动到页面顶部。我为我的某个网站执行此操作，以便当人们访问锚点时，它们会显示在页面顶部。当他们不是我自己时，讨厌它！

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

在内容区域的底部，我有一个名为setpageheight的零高度div。如果需要，我给它一个高度。

http://jsfiddle.net/Ge7nM/

即使没有任何东西，是否可以保持（自动）滚动？

1 个答案: