未捕获的RangeError：最大调用堆栈大小超过chrome

Question

我在chrome上收到错误“未捕获的范围错误：超出最大调用堆栈大小”。这是我的j查询函数

$(window).scroll(function(){
        if ($(this).scrollTop() < 170) {
            $('#main-nav').css('position', '');
            $('#fixed-header-icon').slideUp().addClass('remove');
            if ($('.ajelnews').length > 0) {
                $('.main-nav').removeClass('relative');
                $('.main-nav').css('top', '');
            }
            if (!$('#main-nav').hasClass('main-nav')) {
                $('#main-nav').removeClass("fixed-true");
                $(".close-fixed-header").css('display', 'none');
            }
        }
    });

从这行$（". close-固定头"）. css（'显示'，'无'）；

Answer 1

$(window).scroll(function(){
    if ($(this).scrollTop() < 170) {
        $('#main-nav').css('position', '');
        $('#fixed-header-icon').slideUp().addClass('remove');
        if ($('.ajelnews').length > 0) {
            $('.main-nav').removeClass('relative');
            $('.main-nav').css('top', '');
        }
        if (!$('#main-nav').hasClass('main-nav')) {
            $('#main-nav').removeClass("fixed-true");
            $(".close-fixed-header").css('display', 'none');
        }
    }
});

因为你在滚动函数中添加了一个监听器，你在里面做滑动，这会导致window.scroll位置的变化。这会导致循环并进入无限循环。

这就是你得到错误的地方。另一方面，你正在改变元素的显示属性。

当你改变显示位置时，会发生什么？

当css属性为任何元素指定< code>display:none时，该特定元素将从视图树或呈现树中消失。这意味着浏览器将从视图中移除该特定元素。

如果你把它设置回 display：block，树就会被改变，并将元素放回视图中。这会更改视图的高度和宽度，有时会导致滚动（取决于父级大小）。