jQuery ScrollTop After Delay

Question

이 코드는 내 페이지의 다음 앵커로 부드러운 스크롤을 만들기 위해 잘 작동합니다. 앵커 요소의 내용이 클릭 이벤트 후 아약스를 통해로드되고 있기 때문에

<script type="text/javascript"> 
    $("#blockTwo").on("click", ".child", function(e) { 
     $('html, body').delay(800).animate({ 
     scrollTop: $('#scrollThree').offset().top 
     }, 1500, "swing"); 
    }); 
    </script> 

그러나, 애니메이션을 통해 점프 중반 방법이있다. 애니메이션에 지연을 추가하여 애니메이션이 시작되기 전에 내용이로드되도록하여이 문제를 일거적으로 포착 할 수 있다고 생각했습니다. 이것이 좋은 아이디어인지 실행 가능한 것인지 확실하지 않은가요?

감사

Answer 1

당신은 부모에 이벤트 리스너를 배치하고 요소가 ajax를 통해 페이지에 배치되면 그 거품을 가지고해야합니다.

공지 사항 on()의 두 번째 매개 변수 :

$(".parentElement").on("click", ".child", function(e) { 

따라서, 특정 예 :

$("#blockOne").on("click", ".child", function(e) { 

이 방법 .click이 아약스를 통해에서로드되는, 그것은 청취자를해야합니다 그것의 고정 된 부모에 의해 그것에게 주어진 #blockOne. 희망은 그 말이 맞습니다.