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 容器，它是这样的：

<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/

scrolltop jquery 方法无效

scrolltop jquery method not working

jquery

scrolltop