테스트 사이트 - 개발 중인 베타 버전입니다

스크롤 채택완료

첩살이 4년 전 조회 1,821

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

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

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

답변 3개

채택된 답변
+20 포인트
T
4년 전

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');

}

}));

 

로그인 후 평가할 수 있습니다

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

해피정
4년 전

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

로그인 후 평가할 수 있습니다

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

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

로그인