为什么我不能在我的网站上向下滚动IE

时间:2011-10-27 11:19:20

标签: internet-explorer scroll

在IE 8中,我无法向下滚动到我网站页面的底部 基本URL有一个wordpress安装,但补贴网址都是手工编码(不是WP) 获取像http://isseomarketing.com/privacy-policy-terms-of-use/这样的基本网址 这里没有任何东西只是页眉,页脚和一堆免责声明文本

上页的两个样式表是: http://isseomarketing.com/css/seo.css http://isseomarketing.com/css/rdc.css

我无法弄清楚 - 在其他浏览器中工作得很好而且我的朋友说他可以在6,7和8中看到网站很好但我不认为这是我的电脑/鼠标等问题因为使用相同的IE安装,我可以滚动到其他网站的底部。

Ugggh。有人会这么好看,或者你以前遇到过这个问题 - 提出建议吗?

亲切的问候,Leah D。

2 个答案:

答案 0 :(得分:8)

好的我正在回答我自己的问题。 IE不会滚动的原因是因为我在css中有这个:

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

解决方案是移除高度:100%;

就是这样 - 现在应该像魅力一样(无论如何都在IE8中) 利亚

答案 1 :(得分:2)

在我的情况下,我没有声明身高:100%的任何东西。滚动条存在,但只是不会在IE8 中仅向下滚动

我必须添加 height:100%到我的htmlbody代码。

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

我真的不知道为什么它发生了,但现在已经在IE8中修复了!

P.S。我正在使用一个方便的标记来获取ID的IE浏览器中的特定目标,就像我在我的解决方案中所显示的那样。我从Wordpress默认的2012主题中得到了它。如果我不得不关心任何级别的IE兼容性,我几乎一直都在使用它。它节省了为IE特定样式表进行额外调用的麻烦,并且能够在任何给定elemnet的普通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]-->