スクロールiOSのトリガーイベント

Question

stackoverflow私は自分でコードすることを敢えて助けてくれると助けてくれましたが、今日は私が見つけた答えで何かを見つけられません。

私はすべてのブラウザとAndroidで美しく動作する簡単なjQueryスクリプトを持っています。私の親愛なるAppleのネジだけ（iPadとiPhoneの両方）。

スクロールした後にフェードインするスティッキーヘッダーがあります。 touchmoveイベントが必要だと思ったが、何も試したことがなかった。

このコードをどのように変更して動作させる必要があるのか​​簡単に説明できますか？

$(window).scroll(function() {  
var scroll = $(window).scrollTop(); 
if (scroll > 220) { 
    $("#stickyMenuProject").addClass("active"); 
} 
else { 
    $("#stickyMenuProject").removeClass("active"); 
}}); 

私はこのフォーラムが存在することを大変うれしく思っています。

kvn

P.S.必要であれば、ここでのCSSは次のとおりです。

#stickyMenuProject { 
    height: 4rem; 
    width: 100%; 
    background-color: rgba(239,239,239,.0); 
    padding-left: 20px; 
    position: fixed; 
    top: 0; 
    z-index: 98; 
} 

#stickyMenuProject.active { 
    -webkit-box-shadow: 0px 2px 3px 0px rgba(200,200,200,.5); 
    -moz-box-shadow: 0px 2px 3px 0px rgba(175,175,175,.5); 
    box-shadow: 0px 2px 3px 0px rgba(200,200,200,.5); 
    transition: box-shadow .25s ease-in-out; 
    -moz-transition: box-shadow .25s ease-in-out; 
    -webkit-transition: box-shadow .25s ease-in-out; 
    background-color: rgba(239,239,239,1);  
    -webkit-transition:background-color .5s; 
    -moz-transition:background-color .5s; 
    transition:background-color .5s; 

Answer 1

このコードは動作しない場合、それはおそらくCSSの問題です、しかし私はそれを疑います。

var scroll_pos = 0; 
$(document).scroll(function() { 
    scroll_pos = $(this).scrollTop(); 
    if (scroll_pos > 20) { 
     $("#stickyMenuProject").addClass("active"); 
    } else { 
     $("#stickyMenuProject").removeClass("active"); 
    } 
});