2016-10-11 11 views
2

scrollTopスプライト()推移(ハンドヘルドデバイス)を検出:私は固定されたメニューのためのjQueryの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(); 

(Androidデバイスを、モトG第2世代)、 ifステートメントはスクロールしながらも動作します。

私がiPad miniでテストしているとき、if文は、ホバーが完了したときにのみ開始されます。

この機能を特定のiOSデバイスで機能させるにはどうすればよいですか?ホバーはまだ進行中ですか?

答えて

3

scrollTop()機能はブラウザによっては問題があります。あなたはどのように奇妙な、まあ、それは働いていた、おかげでたくさん$('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(); 
+0

を試すことができます! :) –

関連する問題