Javascript没有激活

Question

我有一个脚本，用于在页面滚动一定量后将.fix类添加到header标记#header-wrap id，但由于某种原因滚动时没有任何反应。 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

您需要将user.getProviderData()事件绑定到.on('scroll')，而不是绑定到$(window)元素。这将检查文档何时向上和向下滚动，而不是查看单个元素何时滚动＆＃34;＃34; （就像你在文本区中上下移动一样）。