본체에 클래스가있는 경우 기본 네비게이션 자바 스크립트

Question

기본 자바 스크립트를 사용하려고하므로 jquery가로드되지 않습니다. 에 if 문을 작성하여 클래스의 클래스가있는 경우에만 본문 요소의 클래스를 제거하고 싶습니다. 이렇게하면 스크롤이있을 때마다 트리거하지 않도록합니다. 나는 기본적으로 윈도우가 스크롤되어 있고 몸체에이 클래스가 적용된 경우에만 클래스를 제거하기를 원한다. 그렇지 않으면 트리거하지 않아야한다.

이 코드를 사용하여 클래스를 제거했지만 몸체에 클래스가 있거나 적용되지 않은 경우에도 스크롤 할 때 항상 트리거됩니다. 이 경우 ... 나는 페이지에서하는 모든 스크롤과 함께 인쇄 된 콘솔에 scrollEvent를 표시합니다. 어떻게이 일을합니까?

if(document.body.classList){ 

    window.addEventListener('scroll', function(){ 
     console.log('scrollEvent'); 

     document.body.classList.remove('mobile-menu-open'); 

    }); 
} 

Answer 1

를 확인하는 경우.

여기에 코드입니다 :

var removeMenuClass = function() { 
    document.body.classList.remove('mobile-menu-open'); 
    // remove the scroll listener 
    window.removeEventListener('scroll', removeMenuClass, false); 
} 

// add the scroll listener 
window.addEventListener('scroll', removeMenuClass, false); 

필요한 경우, 당신은의 EventListener 같은 방법으로 다시 연결할 수 있습니다 (귀하의 "이동 메뉴"다시는-열 때의 말을하자).

Answer 2

귀하의 요구는 클래스가 body에서 제거되면 당신은, 그것은 더 이상 당신이 스크롤 할 때 트리거되지 않습니다 그런 식으로 리스너를 제거 할 수 클래스

window.addEventListener('scroll', function(){ 
    console.log('scrollEvent'); 

    // do the following only if it has the class 
    if(document.body.classList.contains('mobile-menu-open')) { 

     document.body.classList.remove('mobile-menu-open'); 

    } 

});