Jquery 웨이 포인트 끈적 요소는 div의 하단에서 트리거해야합니다.

Question

나는 웹 사이트의 다른 부분을 칠 때마다 배경 이미지를 변경해야하는 끈적 끈적한 요소가있는 시차 스크롤링 웹 사이트가 있습니다. elemten는 # 수준 1의 상단에 도달하면 아래로 스크롤 작동

$("#level2").waypoint(function() { 
      $("#changing_element").css("background-image","url(a.jpg)"); 
    }); 

$("#level1").waypoint(function() { 
      $("#changing_element").css("background-image","url(b.jpg)"); 
      }, { offset: 'bottom-in-view' 
    }); 

는 있지만 최대 스크롤, 웨이 포인트에만 트리거합니다.

그러나 그것을 (최대 스크롤하는 동안) 끈적 끈적한 #changeing_element가 바닥에 닿을 때 트리거 할 필요가 ...

조언!

Thx!

Answer 1

이 작업을 수행하는 데 올바른 권한을 부여 할 수 없으므로 방금 div.bottomdiv를 추가했습니다.

.bottomdiv { 
position: absolute; 
bottom: 0; 
width: 10px; 
height: 10px; 
} 

$(".bottomdiv").waypoint(function() { 
       $("#changing_element").css("background-image","url(b.jpg)"); 
     }) 

이제 제대로 작동합니다.