Javascript 用于固定导航栏的JQuery函数不工作

由于某些原因，bootstrap fixed navbar不适合我，所以我决定为此找到一个JQuery解决方案。我希望菜单栏是固定的，一旦它是通过向下滚动，而不是默认情况下达到。我尝试了不同的类，id在选择器中，但不起作用。我已经准备好了处理程序，JQuery被导入头部

HTML:

当

$(document).ready

包装整个代码

另外，你还有几个额外的结束标记

最后，如果您想在一些滚动之后而不是在滚动开始时将其修复，那么您只需在条件行中添加一个数字

if (position < $(document).scrollTop() - 500)

---

检查此处：

为什么$document.ready没有包装所有代码？它根本无法修复。第一个建议没有起作用。结果证明它起作用了，只是z指数不高。

.sticky {
  position: fixed;
  top: 0;
  left: 0;
}

$(document).ready

if (position < $(document).scrollTop() - 500)