滚动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");
}});

非常感谢您的帮助，我喜欢这个论坛的存在！

kvn

附：如果需要，这里是 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");
    }
});