jQuery 스크롤 IOS 문제 메뉴 숨기기 및 표시하기 위로 가기

Question

사용자가 아래로 스크롤하면 메뉴가 사라지고 사용자가 다시 스크롤하면 다시 표시되는 고정 된 톱 메뉴로 웹 사이트를 구축하고 있습니다.

사용자가 위로 스크롤하면 메뉴에 액세스하려고합니다.

다음 코드는 Mac에서 Windows에서 잘 작동하지만 :

$(function(){ 
     var _top = $(document).scrollTop(); 
     var _direction; 
     $(document).scroll(function(){ 
      var _cur_top = $(document).scrollTop(); 
      if(_top < _cur_top) 
      { 
       $('.navbar-fixed-top').fadeOut(500); 
      } 
      else 
      { 
       $('.navbar-fixed-top').fadeIn(500); 
      } 
      _top = _cur_top; 
     }); 
}); 

당신은 IOS 장치의 상단으로 스크롤, 당신이 실제 페이지를지나 스크롤 할 수 있습니다,이 모든 IOS 장치에서 발생 , 그것은 터치 스크린 또는 마우스가 작동 여부.

이렇게하면 페이지가 다시 아래로 스크롤되어 "fadeOut"이 실행되고 메뉴가 숨겨집니다.

내가 원하는 것은 사용자가 페이지 상단에 도달하면 스크롤이 비활성화된다는 것입니다.

감사합니다.

Answer 1

저는 비슷한 문제로 싸우고 있습니다. 문제를 해결할 수 있다고 생각합니다.

건배

$(function(){ 
    var _top = $(document).scrollTop(); 
    var _direction; 
    var threshold = 300; 

    $(document).scroll(function(){ 
     var _cur_top = $(document).scrollTop(); 

     if(_top < _cur_top && _cur_top > threshold) 
     { 
      $('.navbar-fixed-top').fadeOut(500); 
     } 
     else 
     { 
      $('.navbar-fixed-top').fadeIn(500); 
     } 
     _top = _cur_top; 
    }); 
});