我设置了一个jQuery滚动函数,当用户滚动超过94 in时,.fixed-header-wrap就会消失,还有类更改等等。不过,这个功能在IE浏览器上不起作用,而且.fixed-header-wrap显示的是文档加载,而不是淡出/输入等。我的标记如下:
//Header Colour Scroll Function
var scroller = true;
$(window).scroll(function () {
if ($(".sector-menu").css('display') == 'none') {
if ($(this).scrollTop() > 94 && scroller) {
$('.fixed-header-wrap').addClass('header-shadow');
$(".fixed-header-wrap").fadeIn('fast');
$('.header-logo').fadeIn('slow');
$('.header-wrap').addClass('header-blue');
scroller = false;
} else if ($(this).scrollTop() < 94 && !scroller) {
$(".fixed-header-wrap").removeClass('header-shadow');
$(".fixed-header-wrap").fadeOut('fast');
$('.header-logo').fadeOut('fast');
$('.header-wrap').removeClass('header-blue');
scroller = true;
}
} else {
if ($(this).scrollTop() > 94 && scroller) {
$('.fixed-header-wrap').addClass('header-shadow');
$(".fixed-header-wrap").fadeIn('fast');
$('.header-wrap').addClass('header-blue');
scroller = false;
} else if ($(this).scrollTop() < 94 && !scroller) {
$(".fixed-header-wrap").removeClass('header-shadow');
$(".fixed-header-wrap").fadeOut('fast');
scroller = true;
}
}
});是否有任何理由这样做或更改可以使期望的效果在所有浏览器上工作?
发布于 2015-06-17 12:36:47
尝试将$(window).scroll()更改为$('html,body').scroll()。在我之前的一个项目中.如果有用的话请告诉我。
https://stackoverflow.com/questions/30891149
复制相似问题