Question

我有3个div，我想在页面加载延迟0.5后滚动到第二个div延迟0.5然后滚动到第3个div。但我的问题是我不能让它自动滚动到任何div

<div id="mydiv">Content</div>
<div id="mydiv2">Content2</div>
<div id="mydiv3">Content3</div>


$(window).on('load', function () {  
$('html, body').animate({
        scrollTop: $("#myDiv2").offset().top
    }, 2000);

 $('html, body').animate({
        scrollTop: $("#myDiv3").offset().top
    }, 3000);

});

Answer 1

您的onload事件无效，请从Jquery尝试此通用onload：

$(document).ready(function () {  ... add you code here ... });

Answer 2

看起来你只是有一个错字。你有$（＆＃34;＃myDiv2＆＃34;）vs $（＆＃34;＃mydiv2＆＃34;）。也可以使用$（document）.ready（）代替。

$(document).ready(function(){

    $('html, body').animate({
        scrollTop: $("#mydiv2").offset().top
    }, 2000);

    $('html, body').animate({
        scrollTop: $("#mydiv3").offset().top
    }, 3000);

});

jsFiddler

Answer 3

您的问题出在您的HTML中。你的div是mydiv，小写＆＃39; D＆＃39;但你引用#myDiv大写＆＃39; D＆＃39;。

加载动画和延迟

3 个答案: