Javascript jQuery-在窗口上滚动，毫不延迟地运行函数

我对jquery函数有一个问题。你可以在这里看到一个工作演示-。当用户向下滚动到页面时，您可以看到，我编写了一个jQuery函数（它将在滚动时触发）来检查滚动像素。当浏览器滚动到某个像素（sidemenu块的高度）时，菜单块将保持固定，其余内容将正常滚动

该功能正在运行，但问题是，当该功能运行时，菜单块会跳转。我认为这是因为运行函数的延迟。希望你们有什么好办法来解决这个问题

我使用if/else函数检查滚动像素，因此当滚动像素大于菜单块高度时，它将添加一个类“fixed”

我使用以下代码

HTML

<div id="globalwrapper">
    <div id="menubar">
       ---- Menu List items-----
    </div>
    <div id="mainblock">
        ----Main content area----
    </div>
</div>

---

我认为只有CSS才能解决这个问题，添加以下样式：

#menubar{
    position: fixed;
}

---

只要在谷歌浏览器上测试一下，你就可以试一试。

没有。我已经使用了类“fixed”，它的属性位置为：fixed。问题是jquery在应用类时会造成延迟。我的意思是直接使用这个属性，而不是通过javascriptI。我只需要在滚动某些像素后修复菜单块。所以我无法避免javascript。

#menubar{
    position: fixed;
}