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

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

滚动iOS上的触发事件

1 个答案: