jquery 从上到下滚动

Question

我需要从上到下滚动包含内容的页面 和导航具有“显示顶部” anchor 。当我单击“显示顶部” anchor 时，页面(之前未显示)将从顶部滚动到包含内容的主屏幕区域。

.topPage{
    width:1280px; 
    color:#000; 
    float:left; 
    position:relative;
    background:#E6E6E8;
}


$('a.scrollToBottom').click(function(){
  $('html, body').stop().animate({
scrollTop: $("#topPage").offset().top
  }, 2000);
// event.preventDefault();
});

但是页面(topPage)从下往上滚动.. 我需要从上到下滚动才能显示在主屏幕区域。

Answer 1

您的问题是 div 被放置在负的 top 偏移处。您不能垂直滚动超过 0，因此滚动会在您到达顶部后停止，您将无法看到所有 div。

如果您希望div 具有动画效果，请考虑使用

$('.topcontent').stop().animate({
    top: 0
}, 2000);

相反。