scrollTop的jQuery的方法不靈

Question

我有一個按鈕：

<a href="#" id="sign-in-btn" class="btn btn-default btn-lg more-site">Sign In</a> 

和我曾希望向下滾動到我在頁面後面提到一個div容器這個jQuery聲明

@Html.Script(@<script type="text/javascript"> 
$(function() { 
    $("#sign-in-btn").click(function() { 
     $(window).scrollTop($('#whatda').offet().top); 
    }); 
}) 
</script>) 

這是這樣的：

<div class="home-top" id="whatda"> 
    <div class="container"> 
     <div class="row"> 
      @Html.Partial(...) 
     </div> 
    </div> 
</div> 

由於某些原因，但它不會向下滾動到這個部分當按鈕被點擊無論如何，它一直在滾動到同一個點。這段代碼示例有什麼問題嗎？它可能是刻在模板中的東西嗎？

Answer 1

試試這個：

$(function() { 
    $("#sign-in-btn").click(function() {     


    $('html, body').animate({ 
     scrollTop: $('#whatda').offset().top 
    }, 500);    
    }); 
}) 

見我的例子：http://jsfiddle.net/3carvksw/