상단 텝 메뉴 고정을 했는데..

상단 텝 메뉴 고정을 했는데..

QA

상단 텝 메뉴 고정을 했는데..

답변 1

본문

상단 텝 메뉴 고정을 했는데..

텝 메뉴 클릭할때마다 불러오는 페이지의 높이가 바뀌나여?

 

<style>
       #prodTabWrapper.fixed {  position: fixed; width:1200px;  top: 0px; margin-top:0px; z-index:1; }
</style>

<script>
$(function () {
    var msie6 = $.browser == 'msie' && $.browser.version < 7;
    if (!msie6) {
    var top = $('#prodTabWrapper').offset().top - parseFloat($('#prodTabWrapper').css('margin-top').replace('/auto/, 0'));
    $(window).scroll(function (event) {
      // what the y position of the scroll is
      var y = $(this).scrollTop();
      
      // whether that's below the form
      if (y >= top) {
        // if so, ad the fixed class
        $('#prodTabWrapper').addClass('fixed');
      } else {
        // otherwise remove it
        $('#prodTabWrapper').removeClass('fixed');
      }
    });
  }  
});
</script>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 0
© SIRSOFT
현재 페이지 제일 처음으로