Uncaught RangeError: Maximale Call-Stack-Größe überschritten chrome

Question

Ich erhalte den Fehler "Uncaught RangeError: Maximale Call-Stack-Größe überschritten" auf Chrom. hier ist meine jQuery-Funktion

$(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'); 
      } 
     } 
    }); 

von dieser Linie $(".close-fixed-header").css('display', 'none');

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'); 
     } 
    } 
}); 

Weil Sie einen Listener hinzufügen Funktion blättern, innerhalb dessen Sie slideUp tun, die eine Änderung in window.scroll Position verursacht. Was wiederum zu einer Schleife führt und zur Endlosschleife geht.

Wo ist der Fehler? Mit der anderen Möglichkeit ändern Sie die Anzeigeeigenschaft des Elements.

Was passiert genau, wenn Sie die Anzeigeposition ändern?

Wenn die css-Eigenschaft display:none für ein beliebiges Element angibt, wird dieses bestimmte Element in der Baumansicht oder in der Baumstruktur angezeigt. Das bedeutet, dass der Browser dieses bestimmte Element aus der Ansicht entfernt.

Und wenn Sie es auf display:block zurücksetzen, wird der Baum geändert und das Element wird wieder in die Ansicht eingefügt. Das ändert die Ansichtshöhe und -breite und verursacht manchmal einen Bildlauf (abhängig von der Elterngröße).