채택완료

스크롤

2021-06-16 (수) 15:26:11 1,998

스크롤을 내리면 헤더에 메뉴가  계속 나타나게

할수있는 소스좀 가르쳐주세요

답변 3개

채택된 답변
+20 포인트

html

<div class="inner">

</div>

css

.inner {

     top: 0;

     z-index: 999;

     width: 100%;

     min-width: 1000px;

     margin: 0 auto;

     background-color: white;

     padding: 0 10 px;

     height: 45px;

     box-sizing: border-box;

}

  .fixinner{

      position: fixed;

}

jqeury

     $(window).scroll(function(){

      var height = $(document).scrolltop();

      if(height > 0){

          $('#header . inner').addclass('fixiner');

}else if(height == 0){

          $(#header .inner').removeclass('fixinner');

}

}));

구글 검색창에    스크롤 상단 메뉴 고정    라고 검색하면 관련자료가 가득합니다

답변을 작성하려면 로그인이 필요합니다.