Waypoint.js : 위로 N 거리가있을 때 클래스 추가

Question

쉽지 않은지 잘 모릅니다.하지만 Waypoint.js로 뭔가 알아낼 수 없습니다. 사용자가 도달 할 때 #stickytop에 클래스를 추가해야합니다. 예, 100px 스크롤 어떻게하면 좋을까요? 오프셋이 작동하지 않습니다. 미리 감사드립니다.

Answer 1

이것은 실제로 jQuery 웨이 포인트의 유스 케이스는 아닙니다. 사용자가 얼마나 멀리 스크롤했는지가 아니라 화면 상단에서 특정 요소가 얼마나 멀리 떨어져 있는지 테스트하기 위해 설계되었습니다.

$(document).on('scroll', function() { 
    // if the scroll distance is greater than 100px 
    if ($(window).scrollTop() > 100) { 
     // do something 
     $('#stickytop').addClass('myClass'); 
    } 
}); 

을 또는 바닐라 자바 ​​스크립트 : 당신은 쉽게 jQuery를 함께 당신이 원하는 무엇을 할 수 그러나

는

document.addEventListener('scroll', function() { 
    if (window.scrollY > 100) { 
    var el = document.getElementById('#stickytop'); 
    el.className = el.className + " myClass"; 
    } 
})