jquery / js 반응형 헤더 고정 스크롤 내릴때

 

 

// ------------------헤더-----------------

var windowWidth = $(window).width();

if (windowWidth < 500) {
  $(".header").addClass("m-header");
  $(document).ready(function() {
    var jbOffset = $(".m-header").offset();
    $(window).scroll(function() {
      if ($(document).scrollTop() > jbOffset.top) {
        $(".m-header").addClass("header__fixed");
      } else {
        $(".header__fixed").removeClass("header__fixed");
      }
    });
  });
}

https://www.codingfactory.net/10745

jQuery / 스크롤해도 상단에 고정되는 메뉴 만들기

 

https://juyeol.tistory.com/11

스크롤시 헤더 고정