jQuery滚动停止在页面底部附近
|
我正在使用jquery滚动到页面的各个部分。
这是代码：
// Scroll to element
$(\'#menu li a\').click(function(){
var elementId = $(this).attr(\'href\');
$(\'html, body\').animate({ scrollTop: $(elementId).offset().top }, 1600);
return false;
});
<ul id=\"menu\">
<li><a href=\"#item1\">1</a></li>
<li><a href=\"#item2\">2</a></li>
</ul>
<div id=\"item-1\">placeholder-1</div>
<div id=\"item-2\">placeholder-2</div>
没有找到相关结果
已邀请:
2 个回复
联海
，而在的底部，那么您将滚动至页面底部，而当您希望将移至窗口的顶部时，则将其移至窗口的底部。 我认为您唯一的选择是迫使3英镑更高。像这样：$(document).ready(function() { viewport_height = $(window).height(); $height_hack = $(\'<div> </div>\').height(viewport_height); $(\'body\').append($height_hack); });将具有与浏览器视口相同的高度，并且此额外的高度将使您始终可以将元素一直滚动到顶部视口。磐剩
到。我相信这是一个更私人的答案，因此您可以按照自己的意愿做任何事情，增加填充，边距... 但是我将设置最小高度，以使屏幕可以滚动到所需的项目。 更新资料 嗯，对。我没有考虑动态内容。如果内容变大，则身体最小高度可能无法解决问题。