Javascript не активируется

Question

У меня есть сценарий, который добавлен в класс .fix к тегу header с идентификатором #header-wrap, как только страница прокручивается на определенную сумму, но по какой-то причине ничего не происходит при прокрутке. HTML:

<header id="header-wrap"> 
     <div id="redline"></div> 
     <div id="velkommen"></div> 
     <div id="header"> 
      <div id="indre"> 
       <h1 id="logo"><a href="index.html">MCBERGBYS</a></h1> 
      </div> 
     </div> 
    </header> 
    <script> 
var wrap = $("#header-wrap"); 

wrap.on("scroll", function(e) { 

    if (this.scrollTop > 143) { 
    wrap.addClass("fix"); 
    } else { 
    wrap.removeClass("fix"); 
    } 

}); 
</script> 

Я новичок в Javascipt, так что я держал пари, что-то очевидно, выключен. Любая помощь приветствуется, спасибо.

Answer 1

Вам необходимо связать событие .on('scroll') с $(window), а не с вашим #header-wrap. Это проверит, когда документ прокручивается вверх и вниз, а не видит, когда отдельный элемент «прокручивается» (например, когда вы перемещаетесь вверх и вниз в текстовом поле).