jQuery的scrollTop的不工作时，html和身体溢出自动

Question

主要问题scrollTop的（）不工作时，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图像结束时，我得到空白区域。当我点击.get_method按钮时，我需要的是固定BG图像和工作scrollTop动画效果。

编辑：

元素.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的

$(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; 
    }); 

});