在滾動iOS上觸發事件

Question

每當我敢於自己編寫代碼時，stackoverflow已經為我提供了很多幫助，但是今天我無法從找到的答案中找出答案。

我有一個簡單的jQuery腳本，可以在每個瀏覽器和Android上正常運行。 只有我親愛的Apple（iPad和iPhone）都擰緊了。

我有一個粘性的標題，在滾動后會逐漸消失。 我認為我需要某種touchmove事件，但是我嘗試過的任何方法都沒有用。

您能否簡要說明一下我必須更改這段代碼才能使其正常工作？

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

非常感謝您的幫助，我喜歡這個論壇！

v

PS如果需要，這是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");
    }
});