javascript - jQuery 滚动方法不起作用

Question

我有一个 div，它用视频和其他一些内容填充整个屏幕，在该 div 下我有另一个 div。但那个我已经隐藏了。原因是我不希望人们手动滚动到另一个 div。

所以我制作了一个小的 jQuery 片段来显示另一个 div，然后滚动到该片段。但这行不通，有人能帮我吗？

这是我的 jQuery 代码:

$(document).ready(function() {
    $('#exploreBtn').on('click', function() {
        event.preventDefault();
        $('#content').fadeIn(500);
        $('html, body').animate({
            scrollTop: $("#content").offset().top
        }, 1000);
    });
});

“#exploreBtn”是我在填充屏幕的 div 上创建的按钮。

“#content”是我隐藏的div，想要显示并滚动到。

Answer 1

尝试这个脚本

JSFIDDLE:http://jsfiddle.net/89UdF/11/

$(document).ready(function() {
$('#exploreBtn').on('click', function() {

    $('#content').fadeIn(500);
    console.log($("#content").offset().top)
    $('html, body').animate({
        scrollTop: $("#content").offset().top

    }, 1000);
     $('#page1').hide();
    $('#content').css('top',0); 
       $(document).scrollTop(0);
});

});