在Javascript中实现简单的浮动导航

我正在尝试使用DOM和Javascript实现一个简单的浮动导航。下面的脚本是使用onscroll事件触发的，但是没有发生任何事情，通过firebug进行调试也没有那么有启发性

function float_nav() {
  nav = document.getElementById("nav_container");
  offset = window.pageYOffset + 'px;';
  nav.style.top=offset;
}

---

您不必添加

在
px
的末尾。否则我看不出有什么不对

附加：为什么不使用jQuery或类似的东西呢？
您只需在没有javascript的样式中设置它即可

#nav_container {
  top: 0;
  left: 0;
  position: fixed;
  /* IE6 fix for position: fixed */
  _position: absolute;
  _top: expression( document.body.scrollTop + 'px' );
}

我说让ie6失败并清理你的css。我使用一个我更喜欢保持完整的网格来保持我的css干净，所以我竞相使用JSI，去掉“；”成功了。我只是想要尽可能轻的东西。jQuery，imo，并不能很好地替代如此简单的东西。。。记住，总是有带有DOM操作的“普通”JavaScript。添加jQuery会给结束文件增加相当多的kB，而仅仅创建元素位置需要几百个字节：fixed，left:0px，top:0px