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);
    });
});

＆＃34;＃exploreBtn＆＃34;是填充屏幕的div上创建的按钮。

＆＃34;＃含量＆＃34;是我隐藏的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);
});

}）;

jQuery滚动方法不起作用

1 个答案: