jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – window.scroll函数冻结了firefox大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在处理一个带有固定菜单页面,该菜单用户从顶部滚动一定距离后拾取,当它们向下滚动页面时,菜单中的不同链接将被赋予一个更改颜色的类.所有这一切似乎都适用于Chrome和Safari,但在Firefox中,页面冻结在顶部.我想知道它是否在不断地循环一些代码……基本上冻结了窗口.

这是我的代码.

$.localScroll({
    onBefore: function() {
        $('body').data('scroll-execuTing',truE);

    },onAfter: function() {
        $('body').data('scroll-execuTing',falsE);
        $(window).trigger("scroll");
    }
});

$(window).scroll(function () {
    if ($(this).scrollTop() > 259) {
        $('.nav').addClass("f-nav");
    } else {
        $('.nav').removeClass("f-nav");
    }
});

$(window).scroll(function() { 
    if ($('body').data('scroll-execuTing')) {
        return;
    }
    // find the a with class 'active' and remove it
    $("a").removeClass('active');
    // get the amount the window has scrolled
    var scroll = $(window).scrollTop();
    // add the 'active' class to the correct #nav based on the scroll amount

    if (scroll > 2150) {
        $("#nav_3").removeClass('active');
        $("#nav_5").attr('class','active');
        setHash("contact");

    } else if (scroll > 1300) {
        $("#nav_2").removeClass('active');
        $("#nav_3").attr('class','active');
        setHash("portfolio");

    } else if (scroll > 400) {
        $("#nav_2").attr('class','active');
        setHash("about");

    } else if (scroll <= 380) { //when I remove this section,the problem goes away.
        $("#nav_1").attr('class','active');
        setHash("home");
    }

});

我忘了添加setHash定义.这里是.

setHash = function(hash) {
    var scrollmem = $('body').scrollTop();
    window.LOCATIOn.hash = hash;
    $('html,body').scrollTop(scrollmem);
}

我也注意到cpu上升到100%,我似乎无法弄清楚原因.

问题出现在以else开头的代码的第三部分if(scroll< = 380).我通过消除过程想出来了.任何人都可以看到它循环或做一些永远不会结束的事情......或者会解释为什么firefox冻结在页面顶部? 我对这一切都很陌生……在过去的几天里我只是选择了jquery,我基本上都在谷歌上搜索并调整代码以使其符合我的需要. 任何帮助将非常感激.

解决方法

在滚动事件上执行太多代码是过度的,在每个滚动上,浏览器触发滚动事件一百次,您可以虑使用具有诸如油门或去抖等方法的库.

http://documentcloud.github.com/underscore/#throttle

大佬总结

以上是大佬教程为你收集整理的jquery – window.scroll函数冻结了firefox全部内容,希望文章能够帮你解决jquery – window.scroll函数冻结了firefox所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。