首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在IE中不工作的滚动功能

在IE中不工作的滚动功能
EN

Stack Overflow用户
提问于 2015-06-17 12:07:01
回答 1查看 312关注 0票数 0

我设置了一个jQuery滚动函数,当用户滚动超过94 in时,.fixed-header-wrap就会消失,还有类更改等等。不过,这个功能在IE浏览器上不起作用,而且.fixed-header-wrap显示的是文档加载,而不是淡出/输入等。我的标记如下:

代码语言:javascript
复制
//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;
        }

    }

});

是否有任何理由这样做或更改可以使期望的效果在所有浏览器上工作?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-17 12:36:47

尝试将$(window).scroll()更改为$('html,body').scroll()。在我之前的一个项目中.如果有用的话请告诉我。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30891149

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档