我在屏幕中央固定了一个元素,具有特定的尺寸(比如说 500x500)。该元素具有内容,该内容大于元素的高度,因此会导致出现滚动条,这很好。在 FF/WebKit 中一切正常。但是在 IE 7/8 中……固定元素的内容不滚动,或者滚动时有巨大的延迟。如果我将位置:固定更改为位置:绝对,它开始滚动正常,但位置:固定......这只是一种痛苦!..
这是一些已知的问题吗?有人听说过/遇到过类似的事情吗?任何想法如何处理这种情况?...
我在屏幕中央固定了一个元素,具有特定的尺寸(比如说 500x500)。该元素具有内容,该内容大于元素的高度,因此会导致出现滚动条,这很好。在 FF/WebKit 中一切正常。但是在 IE 7/8 中……固定元素的内容不滚动,或者滚动时有巨大的延迟。如果我将位置:固定更改为位置:绝对,它开始滚动正常,但位置:固定......这只是一种痛苦!..
这是一些已知的问题吗?有人听说过/遇到过类似的事情吗?任何想法如何处理这种情况?...
在这个主题上我能找到的唯一有用的东西就是如何在 IE5.5+ 中创建位置:固定。
Position:fixed 在 IE7 中实现。也许它仍然存在一些问题,但是您的标记或 CSS 中可能还有其他东西会导致这种行为。
如果我们能看到一些代码来帮助我们解决您的问题,那将是有益的。
事实证明,这还有一个额外的问题 - 该元素下方的阴影过滤器具有位置:固定和滚动内容。除了禁用 IE 中的阴影过滤器或禁用 position:fixed 之外,我们找不到任何解决方案。
:(
.fixDocument
{
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}