0

コンテンツのあるページを上から下にスクロールする必要があり、ナビゲーションには「showtop」アンカーがあります。「showtop」アンカーをクリックすると、ページ（以前は表示されていません）が上からメイン画面領域にコンテンツとともにスクロールします。

.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）が下から上にスクロールします。メイン画面領域に表示するには、上から下にスクロールする必要があります。

4

2 に答える 2

0

あなたの問題は、divが負のtopオフセットに配置されていることです。垂直方向に0を超えてスクロールすることはできないため、上部に到達するとスクロールが停止し、すべてを表示できなくなりますdiv。

divをアニメーション化する場合は、の使用を検討してください

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

代わりは。

于 2012-10-22T06:34:30.920 に答える
0

アニメーションをページの一番下まで自動的にスクロールするには（または、ページ全体がビューポート内に収まるように）、これを使用します。

  $(window.opera ? 'html' : 'body,html,document').animate({ 
    scrollTop: $('body').height() - $(window).height()) 
  }, 1000);
于 2012-10-22T07:58:27.137 に答える