Jquery 객체를 스크롤 할 때 Jquery 객체가 튀어 오르게 만드는 방법은 무엇입니까?

Question

1 페이지가있는 웹 사이트가 있습니다.

페이지 너비는 17289px입니다.

각 페이지 폭 1920px로 분리 된 페이지로 나뉩니다. 따라서 가로 스크롤링 만 있습니다. 8 페이지에 이미지가 있습니다. 나는 사용자가이 페이지로 스크롤 할 때만 이미지를 바운스하게 만듭니다. 사용자가이 페이지를 벗어나면 튀는 것을 멈 춥니 다.

이 지금 내 코드는 다음과 같습니다

$(window).scroll(function (event) { 
    if($(window).scrollLeft() > 1920*6 && $(window).scrollLeft() < 1920*7) { 
     $("#astronaut").effect("bounce", { distance:400 }, 1600); 
    } 
}); 

지금 무슨 일 것은 그 페이지에 사용자가 스크롤 이미지는 모든 시간을 반송 토록 중지하지 않는 경우.

다른 사람이 도와 줄 수 있습니까?

감사합니다.

Answer 1

번복 수만 n 번 수 있습니까? 바운스 효과에 times 속성을 추가하여 요소가 튀는 횟수를 정의하기 만하면됩니다. 원하는 정수로 설정하십시오. 나는이 예제에서는 10 번으로 설정 한 : 요소가 시간의 n 수를 반사

$(window).scroll(function (event) { 
    if($(window).scrollLeft() > 1920*6 && $(window).scrollLeft() < 1920*7) { 
     $("#astronaut").effect("bounce", { distance:400, times:10 }, 1600); 
    } 
}); 

일단 중지됩니다.