스크롤 할 때 측면에서 페이드 및 슬라이드 인하려는 항목 (블로그 게시물) 목록이 있습니다. 그러나 각 항목을 명시 적으로 선택하지 않고는이를 수행하는 방법을 알 수 없습니다.
클래스를 사용하면 단순히 애니메이션을 모두 동시에 수행 할 수 있지만 필요한 경우에만 각 개별 게시물에서 해당 작업을 실행하고 싶습니다.
var controller = $.superscrollorama();
controller.addTween('.post', TweenMax.from( $('.post'), .5, { css: {opacity: 0, right:'1000px'} }));
문제는 페이지가 동적이고 얼마나 많은 항목이 있을지 모르기 때문에 모든 항목을 단순히 하드 코딩 할 수 없다는 것입니다.
이 효과를 얻기 위해 각 문으로 항목을 반복하는 방법이 있습니까?
시간 내 줘서 고마워.
좋아, 알아 냈어. 다음과 같이 each () 함수를 사용하는 것만 큼 간단합니다.
$(".post").each(function() {
$this = $(this);
controller.addTween( $this, TweenMax.from( $this, .5, { css: {opacity: 0, right:'1000px'} }));
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다