jqueryのscrollTopスプライトは動作しない場合、HTMLと身体オーバーフローscrollTopスプライト（）は動作しない自動

Question

主な問題のhtmlやボディスタイルは、次のようになりますとき：

html 
    margin: 0 
    padding: 0 
    border: 0 
    overflow: auto 

body 
    padding: 0 
    margin: 0 
    background-image: url('/imgs/bg1.jpg') 
    overflow: auto 
    background-repeat: no-repeat 

私のJSコード：

$('.get_method').click(function() { 

    $('body').animate({ 
    scrollTop: $(".test").offset().top 
    }); 

}); 

htmlやbody要素（またはどこからでも）からオーバーフロープロパティを削除すると、すべて正常に動作しますが、ドキュメントをスクロールするとBGイメージが終了し、空白が表示されます。私が必要とするのは、BG画像と作業スクロールの固定です.get_methodボタンをクリックすると、アニメーション効果が上がります。

編集：

要素.testそのdiv要素。 CSS：

.test 
    position: relative 
    top: 900px 

Answer 1

この

demo

HTML

<h1>Top of the page</h1> 

<article style="height: 1000px"> 
    <p style="margin-bottom: 600px">Scroll down the page&hellip;</p> 
    <p>Then click the box.</p> 
    <a href="#" class="scrollup">Scroll</a> 
</article> 

jqueryの

を試してみてください10

$(document).ready(function() { 

    $(window).scroll(function() { 
     if ($(this).scrollTop() > 100) { 
      $('.scrollup').fadeIn(); 
     } else { 
      $('.scrollup').fadeOut(); 
     } 
    }); 

    $('.scrollup').click(function() { 
     $("html, body").animate({ 
      scrollTop: 0 
     }, 600); 
     return false; 
    }); 

});