스크롤에 따른 메뉴 VISIBLE

Leesi0's 코딩기록·2025년 4월 10일

HTML/CSS/JQUERY

목록 보기
3/5

JS

let lastScrollTop = 0; // 마지막 스크롤 위치 저장

        $(window).on("wheel", function(e) {
            let currentScroll = $(this).scrollTop();
            if($(window).scrollTop() > 100) {
                if (currentScroll < lastScrollTop) {
                    $("header").addClass("visible").removeClass("visible-hidden");
                }
                else {
                    $("header").removeClass("visible").addClass("visible-hidden");
                }
            }else {
                $("header").removeClass("visible").removeClass("visible-hidden")
            }


            lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
        });
profile
Powerful plays goes on, You may contribute a verse

0개의 댓글