css - CSS 半固定元素 - 后续问题

Question

这是来自该线程的后续问题： CSS 半固定元素？

我实现了 kelso 的解决方案，它在 Firefox 和 Chrome 上完美运行。但是，IE 8 并没有发挥作用。

我已经推出了代码，以便您可以在实时网站上看到我遇到的问题： Gran Via 酒店

IE 正在侦听滚动事件，但在用户向下滚动页面时不会移动 div。似乎以下行在 IE 中没有做任何事情：

d.css({ position: "fixed", top: "0px"   });

第一行在 IE 中也评估为 -2，而在 Firefox 中为 377。

var scrollerTopMargin = $("#scroll-container").offset().top;

我不是 CSS 专家，我一直在努力解决这个问题。必须有一个简单的解决方案！请帮忙！

谢谢本

score 0 · Accepted Answer

IE 不喜欢您的 doctype，并且正在运行 quirks 模式。这就是为什么它不起作用。

试试这个，看看它是否有效：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

score 0 · Accepted Answer

要在标准模式下运行 IE8，您需要选择严格的文档类型，而不是过渡的

2 回答 2