JavaScript를 사용하여 html 주체에서 scroll top의 클래스를 삭제하고 scroll down을 추가하는 방법.
JavaScript 코드 세그먼트.
// javascript for remove class on scroll top and add on scroll down
var lastScrollTop = 0;
var body = document.body;
window.addEventListener("scroll",function(){
var scrollTop = window.pageYOffset || document
.documentElement.scrollTop;
if(scrollTop > lastScrollTop){
body.classList.remove("shownavbar");
}
else{
body.classList.add("shownavbar");
}
lastScrollTop = scrollTop;
});
JavaScript 화면 캡처의 위쪽 스크롤 동작JavaScript 스크린샷에 대한 아래로 스크롤 동작
Reference
이 문제에 관하여(JavaScript를 사용하여 html 주체에서 scroll top의 클래스를 삭제하고 scroll down을 추가하는 방법.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/zainmuhammad/how-to-remove-class-on-scroll-top-and-add-on-scroll-down-on-html-body-using-javascript-4oab텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)