$(window).scroll(function(){
// 해당 div의 top값
var mileageOffset = mileageEl.offset().top;
// $(document).scrollTop() 함수를 통해 현재 스크롤바의 위치값
var scroll = $(window).outerHeight() / 2 + $(window).scrollTop();
console.log(scroll,mileageOffset);
if(scroll > mileageOffset){
if(!mileageEl.hasClass("on")){
mileageEl.addClass("on");
$($(mileageList).get().reverse()).each(function(idx, el){
$(this)
.delay(idx*50)
.animate({
marginTop: "0",
opacity: "1",
}, 2000, "easeOutBounce");
});
}
}
});
'JAVASCRIPT > JQuery' 카테고리의 다른 글
메뉴 클릭시 해당 영역으로 이동되도록 (0) | 2023.04.10 |
---|