// changing navbar background-color by scrolling
$(window).scroll(function() {
if ($(this).scrollTop() > 20) {
$("#tab-nav").addClass("tab-scroll");
} else {
$("#tab-nav").removeClass("tab-scroll");
}
});
.tab-scroll {
background-color: rgb(255, 255, 255) !important;
}
上面是我的 jquery 和 CSS 代码。我想在导航栏达到一定高度时更改其背景颜色,该代码适用于桌面上的每个浏览器,也适用于 iPhone safari。但它不适用于 iPhone chrome。你们能帮我解决吗?有什么技巧可以使代码兼容任何浏览器吗?
thank
Use Vanilla JS
:
function scrollFunctions() {
var
pageY = window.pageYOffset,
tab = document.getElementById('tab-nav');
/** @Sticky Header **/
if (pageY > 20) {
tab.classList.add('tab-scroll');
}
else if (pageY <= 20) {
tab.classList.remove('tab-scroll');
}
}
window.addEventListener('scroll', function () {
scrollFunctions();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)