在 Javascript 中实现一个简单的浮动导航答案

【问题标题】：Implementing a simple floating navigation in Javascript在 Javascript 中实现一个简单的浮动导航
【发布时间】：2010-07-28 04:05:36
【问题描述】：

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

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

【问题讨论】：

标签： javascript dom css

【解决方案1】：

你可以在没有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 干净，所以我尝试使用 JS

【解决方案2】：

您不必在px 的末尾添加;。否则我看不出有什么问题。

附加：为什么不使用 jQuery 或类似的东西？

【讨论】：

我是个迟到的人，拿出';'做到了。我只是想要尽可能轻巧的东西。
jQuery，imo，并不能很好地替代如此简单的东西......请记住，总是有带有 DOM 操作的“普通”JavaScript。添加 jQuery 会在最终文件中添加相当多的 kB，而简单地创建元素位置所需的几百字节：fixed, left:0px, top:0px