CSS半固定元素 - 后续问题

时间:2010-10-07 14:38:28

标签: css scroll fixed

这是此主题的后续问题: CSS Semi-fixed Element?

我实施了kelso的解决方案,它在Firefox和Chrome上运行良好。但是,IE 8并没有打球。

我已经推出了代码,以便您可以在实时网站上看到我遇到的问题: Gran Via hotels

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

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

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

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

我不是CSS专家,而且一直在拉我的头发。必须有一个简单的解决方案!请帮忙!

由于 本

2 个答案:

答案 0 :(得分:0)

IE不喜欢你的doctype,并且在激活quirks模式的情况下运行。这就是为什么它不起作用。

试试这个并查看它是否有效:

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

答案 1 :(得分:0)

要在标准模式下运行IE8,您需要选择严格的doctype,而不是过渡的

http://en.wikipedia.org/wiki/Quirks_mode