javascript css定位

大家好…
我的固定头有问题。 当我放大或调整浏览器大小时，标题中的某些菜单丢失/隐藏，我不知道在哪里

这是我的代码：

    <div id="header">
    <ul>
        <li>Menu 1</li>
        <li>Menu 2</li>
        <li>Menu 3</li>
        <li>Menu 4</li>
     </ul>
</div>

演示：

我需要javascript程序来控制css的位置。我的目的是在放大、缩小或调整浏览器大小时，使css标题位置变为“绝对”

对不起，我的语言不通。x）
任何人都可以帮助我……

---

thx..

我建议您使用。检查结果更改的好方法如

所述。我不能完全确定我是否理解您的问题，但我会尝试一下。在我看来，在调整页面大小时，您似乎希望将#header div定位为绝对值。因此，使用jQuery查找窗口大小

在你的情况下，这可能是矫枉过正。这将在调整页面大小后立即将任何css更改绑定到#header div

$(window).resize(function() {
  if (this.resizeTO) clearTimeout(this.resizeTO);
  this.resizeTO = setTimeout(function() {
      $(this).trigger('resizeEnd');
  }, 500);
});

$(window).bind('resizeEnd', function() {
  var header = $("#header");
  header.css({
      position: "absolute",
      top: "0px",
      left: "0px"
  });
});

---

这是一个。

什么浏览器会出现这种情况？我看不出你的镀铬小提琴有什么问题。嗨，它的工作结束了。。谢谢。。但当窗口恢复到正常css位置时，仍然处于“绝对”状态，不再处于固定状态？？

$(window).resize(function() {
  if (this.resizeTO) clearTimeout(this.resizeTO);
  this.resizeTO = setTimeout(function() {
      $(this).trigger('resizeEnd');
  }, 500);
});

$(window).bind('resizeEnd', function() {
  var header = $("#header");
  header.css({
      position: "absolute",
      top: "0px",
      left: "0px"
  });
});