스크롤에 고정 된 헤더가 작동하지 않습니다. ie8입니다.

Question

사용자가 머리글을 아래로 스크롤 할 때 수정 위치에 대한 jquery가 구현되었습니다. 하지만 ie8을 제외한 모든 브라우저에서 작동합니다. 누구든지 올바른 방법을 제안 할 수 있습니다.

$(document).ready(function() 
{ 
    $(document).scroll(function() 
    { 
     var window_y = $(window).scrollTop(); 
     var header_h = $('.header').height(); 
     if(window_y > header_h) 
     { 
      $(".header").addClass('fixed'); 
     } 
     else 
     { 
      $(".header").removeClass('fixed'); 
     } 
    }); 
}); 

작업을 참조

$(window).scroll(function() { 
    var header_h = $('.header').height(); 
    //console.log(header_h); 
    if ($(this).scrollTop() > header_h) 
    { 
     $(".header").addClass('fixed'); 
    } 
    else 
    { 
     $(".header").removeClass('fixed'); 
    } 
}); 

나를 보자 here.

Answer 1

이 시도하고 이것이 잘 작동합니다 나 또한 헤더의 변수를 확인하지 않고 헤더의 고정 높이를 줄 수 pls는 시도 최초의 콘솔입니다 시도 할 때 문제가 있는지 확인하십시오