프로그래밍/jQuery

jquery fixed 헤더 가로스크롤 처리

p-a-r-k 2018. 6. 26. 12:29
반응형

주로 헤더로 많이 쓰이는 fixed 엘리먼트는 아예상단에 위치가 고정되기때문에

윈도우 창을 작게 했을경우, 가로로 스크롤을 해보면 콘텐츠와 함께 스크롤이되지않는다.


그래서 window에 스크롤 이벤트를 걸어서 css를 스크립트로 처리해주어야한다.


// gnb fixed horizontal scroll issue
$(window).scroll(function(){
  $('.fixed-top').css('left', 0-$(this).scrollLeft());
});
반응형