平滑滚动导航栏答案

【问题标题】：Smooth Scrolling Nav bar平滑滚动导航栏
【发布时间】：2012-07-18 18:45:14
【问题描述】：

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

我可以用 jquery 实现这一点，但它并不顺利

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

怎么能像这里一样流畅？

reference 1

我最终得到类似this:

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

【问题讨论】：

标签： jquery

【解决方案1】：

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

如果你打开 firebug / chrome dev tools 并观察元素，你实际上可以看到标记处的样式从 position: absolute 变为 position: fixed。

【讨论】：