스크롤을 했서 메뉴바가 안보일때 고정되서 따라움직이게 하고 싶은데요..

Question

sir.kr 페이지를 예를 들어서 위에 전체보기 그누보드5 영카트5 스터리 ...제목(메뉴바)가 있는데

 



스크롤을 내리면 메뉴바(제목)이 안따라오는데 혹시 메뉴바가 안보일때부터 고정이되서 따라오게 할수 있나요?

드라칸 · Accepted Answer

상단바 높이 만큼 스크롤 내렸을때

상단바 전체 태그의 포지션을 fixed로 변경해주시면됩니다.

$(window).on("scroll", function(){

        ScrollTop = $(window).scrollTop();

        if (ScrollTop > 상단바높이) {

           상단바.css("position","fixed");

        }

        else {

           상단바.css("position","relative");

        }

});

스크롤을 했서 메뉴바가 안보일때 고정되서 따라움직이게 하고 싶은데요..

답변 1개

공유하기