scrolltop метод JQuery не работает

Question

У меня есть кнопка:

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

и это 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/