为什么我在IE浏览器上无法向下滚动我的网站？

Question

为什么我在IE浏览器上无法向下滚动我的网站？

3

在IE 8上，我无法在我的网站上滚动到页面底部。基本URL有一个WordPress安装，但子URL都是手工编写的（非WP）。以http://isseomarketing.com/privacy-policy-terms-of-use/这样的基本URL为例，没有任何花哨的东西，只有页眉、页脚和一堆免责声明文本。上述页面的两个样式表分别是：http://isseomarketing.com/css/seo.css和http://isseomarketing.com/css/rdc.css。

我就是想不明白——其他浏览器都可以正常使用，我的朋友说他可以在IE 6、7和8中查看网站，但我不认为这是我计算机/鼠标等的问题，因为在相同的IE安装中，我能够滚动到其他网站的底部。请问有人能给我看看或者如果您之前遇到过这个问题，请建议一下？

谢谢，Leah D.

- LCD

“无法向下滚动”具体是什么意思？没有滚动条？什么也没有发生？向下滚动后立即跳回去了？浏览器崩溃了吗？ - EricLaw

谢谢Eric - 在我的IE 8浏览器上，没有滚动条，我无法向下滚动，但它不会崩溃或跳回顶部...你知道可能是什么问题吗？我不认为我漏掉任何关闭的div标签等会极大地影响网站的东西...非常感谢。 - LCD

2个回答

2

在我的情况下，我没有在任何地方声明height:100%。滚动条存在，但在IE8 中只是 无法完全向下滚动。

我必须实际上添加 height:100% 到我的html 和 body 标签。

html#ie8,
html#ie8 body {
    height: 100%;
}

我不知道为什么会出现这个问题，但现在在IE8中已经修复了！

顺便说一下，我使用了一些方便的标记来获取ID用于特定的IE目标，就像我在解决方案中所示。我从WordPress默认的2012主题中得到了它。如果我需要考虑任何级别的IE兼容性，我几乎总是使用它。它可以节省调用IE特定样式表的额外开销，并且能够在正常CSS的上下文中快速添加修复，非常方便。

<!--[if IE 6]>
<html id="ie6" lang="en">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en">
<![endif]-->
<!--[if IE 9]>
<html id="ie9" lang="en">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9)  ]><!-->
<html lang="en">
<!--<![endif]-->

- Steve Meisner

这对我在IE11中解决了问题！ - Lyall

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- LCD · Accepted Answer

好的，我来回答自己的问题。IE不能滚动的原因是因为我在CSS中有这样的代码：

html   {
height:100%; 
margin-bottom:0px; 
overflow-y:scroll; 
overflow-x:hidden; 
}

解决方案是删除 height:100%;。这样就可以完美解决了（至少在IE8中是这样的）。 Leah