0

每当我敢于自己编写代码时,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

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;
4

1 回答 1

0

如果此代码不起作用,则可能是 css 的问题,但是我对此表示怀疑。

var scroll_pos = 0;
$(document).scroll(function() {
    scroll_pos = $(this).scrollTop();
    if (scroll_pos > 20) {
        $("#stickyMenuProject").addClass("active");
    } else {
        $("#stickyMenuProject").removeClass("active");
    }
});
于 2017-01-25T06:42:26.653 回答