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