jquery - 平滑滚动导航栏

Question

我打算让导航栏保持在固定位置，直到导航栏在滚动时到达浏览器窗口的顶部。

我能够用 jquery 实现这一点，但它并不顺利

      $(window).scroll(function()
     {     var box = document.getElementById('box'), 
           scroll = $(window).scrollTop();     
           if (scroll <= 598) { $("#box").css("top",598); }  
          else { $("#box").css("top",scroll); }
   });

怎么能像这里一样流畅？

1. 参考1

我最终得到这样的东西：

如果我没有详细解释问题，请原谅我。

Answer 1

你很接近。IGN 只是在您超过滚动标记并将栏切换到固定位置时进行侦听。这样你的浏览器只需要处理一个滚动事件，然后 CSS 处理其余的。

如果您打开 firebug / chrome 开发工具并观察元素，您实际上可以在标记处看到样式从 变position: absolute​​为。position: fixed