Question

我有以下简单的jQuery：

            $('#features').hide();

            $('#more').click(function(e)
            {
                e.preventDefault();
                $('#more').hide();
                $('#features').show();
            });

这显示了当用户单击更多链接并使用preventDefault方法时，#features哈希未添加到网址时的DIV。但是我仍然想要向下滚动到那个DIV，就像将哈希传递给url一样，只是不在地址栏中显示它。我该怎么做呢？感谢

注意：我不是在寻找任何奇特的效果等，所以不要使用像scrollTo等插件

Answer 1

您需要使用$(window).scrollTop()：

$('#more').click(function (e) {
    e.preventDefault();
    $('#more').hide();
    $('#features').show();
    $(window).scrollTop($('#features').offset().top);
});

Answer 2

只需使用scrollTop

即可

$('html, body').scrollTop($("div#features").offset().top);

http://jsfiddle.net/niklasvh/4XEVc/

jQuery显示DIV并滚动到它而没有url中的hashtag

2 个答案: