Question

我有一个jQuery滚动函数设置，当用户滚动超过94px时.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;
        }

    }

});

是否有任何理由可以使这些或所做的更改能够使所需的效果在所有浏览器中都有效？

Answer 1

尝试将$(window).scroll()更改为$('html,body').scroll()。它在之前的项目中对我有用...让我知道它是否有效。

滚动功能在IE中不起作用

1 个答案: