暂停后自动滚动到下一个div

时间:2015-07-16 21:33:47

标签: javascript jquery html css

基本上我有一个网站,你的网页标题占据了整个屏幕,滚动后内容就在下面。我想知道是否有可能让它在"标题屏幕"上大概半秒后自动滚动到下一个div。你可以通过this page来了解我在说什么。

内容的类名是contactus,但我为滚动调用创建了一个特定的类名称。这是因为我想在几个不同的领域使用它,每个领域都有相同的概念。

1 个答案:

答案 0 :(得分:1)

查看您的代码,这是有效的:

$(document).ready(function(){
    $('html,body').animate({
        scrollTop: $('.portfolio-header').height()
    }, 1000);
});

请注意,我们正在使用animate()平滑滚动(在1000 milisecs的时段内),我们也按顺序获取前一个块height的{​​{1}}知道要滚动的像素数。

最后,我们将所有这些内容包装在.portfolio-header函数中,等待文档准备就绪,然后再进行滚动。