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方法不起作用

1 个答案: