Onload animieren und verzögern

Question

Ich habe 3 divs und ich möchte nach der Seite lädt Verzögerung 0,5 dann scrollen Sie zu zweiten div Verzögerung 0,5 dann scrollen Sie zum 3. div. aber mein Problem ist, ich es nicht Autoscroll einem der divs bekommen

<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

Sieht aus wie Sie nur eine haben Tippfehler. Sie hatten $ ("# myDiv2") vs $ ("# mydiv2"). Verwenden Sie stattdessen $ (document) .ready().

$(document).ready(function(){ 

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

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

}); 

jsFiddler

Answer 2

Sie Onload-Ereignis ist nicht gültig versuchen, diese universelle onload von JQuery:

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

Answer 3

Ihr Problem ist in Ihrem HTML. Deine divs sind mydiv mit einem Kleinbuchstaben 'D', aber du verweise auf #myDiv mit einem Großbuchstaben 'D'.