Onload 애니메이션 및 지연

3 div가 있고 페이지 지연 0.5 지연 후 두 번째 div 지연 0.5 스크롤 한 다음 세 번째 div로 스크롤합니다. 하지만 내 문제는 내가 div의Onload 애니메이션 및 지연

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

});

출처

2017-10-22 RickyBobby

가 보이는을 오식. $ ("# myDiv2")와 $ ("# mydiv2")가 있습니다. 또한 $ (document) .ready()를 대신 사용하십시오.

$(document).ready(function(){ 

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

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

});

jsFiddler

출처

2017-10-23 00:09:29

감사합니다 @ 닉 코르도바는 0.5 초 정도 지연시킬 수있는 방법이 있습니까? – RickyBobby

예, $ ('html, body'). 지연 (500) .animate ({ scrollTop : $ ("# mydiv3"). –

의에 자동 스크롤에 그것을 얻을 수 없다 당신 온로드 이벤트 유효하지 않습니다 JQuery와에서이 보편적 인 온로드 시도 : 당신은 단지이 같은

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

출처

2017-10-22 23:56:32

귀하의 문제는 HTML입니다. 귀하의 사업부는 소문자 'D'가있는 mydiv이지만 대문자 'D'가있는 #myDiv를 참조하고 있습니다.

출처

2017-10-23 00:09:30

그러나 $ (document) .ready()를 사용하고 애니메이션 기능의 끝에 .delay (500)를 추가해야합니다. $ ('html, body'). animate ({ scrollTop : $ ("# myDiv3") .offset(). 위로 }, 3000) .delay (500); }); –

Onload 애니메이션 및 지연

답변

관련 문제