オンロードアニメーションと遅延

Question

3つのdivがあり、ページの遅延が0.5になった後、2番目の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

はルックスを打ち間違え。あなたは$（ "＃myDiv2"）対$（ "＃mydiv2"）でした。代わりに$（document）.ready（）を使用してください。

$(document).ready(function(){ 

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

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

}); 

jsFiddler

Answer 2

のいずれかに自動スクロールにそれを得ることができないであなたのonloadイベントではありません有効なのjQueryからこのユニバーサルのonload試してください：あなたはちょうど持っているよう

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

Answer 3

あなたの問題は、あなたのHTMLです。あなたのdivは小文字の 'D'でmydivですが、大文字の 'D'で#myDivを参照しています。