3

我再次寻求集体的帮助。我创建了一个网站，当在 IE 中查看时滚动不稳定，但在所有其他浏览器中都非常流畅。我检查了两台不同的笔记本电脑，以确保它不仅仅是我的视频卡。

我还删除了所有图像，看看它是否是图像显示问题并且没有解决问题。有没有人有任何想法？

更新*：根据反馈，我还尝试了删除图像、框阴影和谷歌字体的页面，但我仍然得到不稳定的滚动。我现在也刚刚删除了导航和侧横幅......呃仍然没有好处。

找到它：好的，所以在基本上逐个 css 解构我的网站后，我发现屏幕不稳定的原因（主要）是由于使用了border-radius 属性（感谢您指出我的方向）。我的页面有两个容器 div，我将以下 css 应用于：-moz-border-radius: 10px; -webkit-border-radius：10px；边框半径：10px；

一旦我删除了这些，页面就平滑了 90%。由于它看起来像标题图像，我仍然会出现一些不稳定的滚动，但它要好得多。

**最终的解决方案是： 1. 添加了条件 IE，专门用于在通过 IE 浏览器查看时禁用边框半径 2. 删除最后一点不稳定 :) 我拍摄了我正在使用的所有图像，创建了一个精灵为他们在 Photoshop 中，然后使用 yahoo Smush-It 压缩该文件。该网站现在加载得很好。

感谢大家的投入！

我的网址是http://monopolydealrules.com

谢谢！

4

3 回答 3

2

**最终的解决方案是： 1. 添加了条件 IE，专门用于在通过 IE 浏览器查看时禁用边框半径 2. 删除最后一点不稳定 :) 我拍摄了我正在使用的所有图像，创建了一个精灵为他们在 Photoshop 中，然后使用 yahoo Smush-It 压缩该文件。该网站现在加载得很好。

谢谢大家的洞察力！

更新* 我在 iphone 上的 safari mobile 中也遇到了类似的问题，用于我的移动版本。从容器元素中删除边界半径属性也固定了我的移动网站的速度。

于 2012-05-06T20:31:53.187 回答
1

很可能是您的盒子阴影导致了问题。那里没有大量文档，但通常建议不要使用那么大的 CSS 框阴影。

http://nerds.airbnb.com/box-shadows-are-expensive-to-paint

于 2012-04-20T15:39:21.563 回答
0

我有一个复杂的布局，IE9 也为我结结巴巴地滚动。在我的情况下，具有完整布局的常规页面滚动良好，但是在同一布局中添加 ckeditor 时滚动变得非常不稳定。我猜 IE 不能同时渲染圆角和复杂的 UI。

我用它来修复它：

<!--[if lt IE 10]>
<style type="text/css">
* {
-webkit-border-radius: 0px !important; 
-khtml-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
border-radius: 0px !important; 
}
</style>
<![endif]-->
于 2012-07-12T20:49:55.097 回答