Javascript未激活

我有一个脚本，用于在页面滚动一定量后，将

.fix

类添加到带有

#header wrap

id的

标题标签中，但由于某些原因，在滚动时不会发生任何事情。
HTML:


var wrap=$（“#页眉wrap”）；
自动换行（“滚动”），功能（e）{
如果（this.scrollTop>143）{
wrap.addClass（“修复”）；
}否则{
wrap.removeClass（“fix”）；
}
});

我对javascipt非常陌生，所以我打赌一些显而易见的事情已经结束了。非常感谢您的帮助。
您需要将
.on（'scroll'）
事件绑定到
$（窗口）
，而不是绑定到
\header wrap
元素。这将检查文档何时上下滚动，而不是查看单个元素何时“滚动”（如在文本区域中上下移动）。
使用并读取错误。没有理由猜测出了什么问题。您是在引用jQuery吗？这里没有足够的上下文来帮助您。如果在DOM实际准备就绪后不需要其他任何东西来访问DOM，例如，
$（function（）{define wrap here，然后define scroll handler}
这应该是javascript。在检查工具的控制台中，它会说：.Uncaught ReferenceError:$is not defined（…）'我该怎么做？几乎就是我拼出来的方式……更改
wrap.on（“滚动”，功能（e）{
至
$（窗口）。在（“滚动”，功能（e）{
<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>