내가 고정 메뉴에 대한 jQuery의 scrollTop()를 사용하고

Question

scrollTop() 공중 선회 (핸드 헬드 장치)를 감지 :

나는 내 자신의 휴대 전화에서 테스트입니다

function fixed_menu(){ 

    if($('window').width() < 770) 
    { 
     var menu = $('.col-left.sidebar'); 
     var offset = menu.offset(); 
     var trigger = offset.top; 

     $(document).scroll(function(e){ 
      if($('body').scrollTop() >= trigger){ 
       menu.addClass('fixed'); 
      } else if ($('body').scrollTop() < trigger){ 
       menu.removeClass('fixed'); 
      } 
     }); 
    } 

} 
fixed_menu(); 

(안드로이드 장치를 모토 G 2 세대), if 문은 스크롤하는 동안 계속 작동합니다.

iPad 미니에서 테스트 할 때 if 문은 시작이 완료되었을 때만 시작됩니다.

호버가 계속 진행되는 동안이 기능이 특정 iOS 기기에서 작동하도록하려면 어떻게해야하나요?

Answer 1

scrollTop() 기능은 브라우저마다 문제가 있습니다. 당신은 어떻게 이상한, 음, 일, 감사 alot을 $('html, body').scrollTop() 및 $(window).scroll()

function fixed_menu(){ 
    if($('window').width() < 770){ 
     var menu = $('.col-left.sidebar'); 
     var offset = menu.offset(); 
     var trigger = offset.top; 

     $(window).scroll(function(e){ 
      if($('html, body').scrollTop() >= trigger){ 
       menu.addClass('fixed'); 
      } else if ($('html, body').scrollTop() < trigger){ 
       menu.removeClass('fixed'); 
      } 
     }); 
    } 
} 
fixed_menu();