Internet Explorer 中的元素在滚动时跳跃

【问题标题】：Element in Internet Explorer jumps while scrollingInternet Explorer 中的元素在滚动时跳跃
【发布时间】：2015-02-27 08:37:54
【问题描述】：

在 Chrome 上一切正常，但在 IE 9 上，绿色元素在滚动时跳跃，为什么？

body{
    height:1000px;
}

.block{
    width:50px;
    height:20px;
    background: green;
}

【问题讨论】：

【解决方案1】：

如果您更快地移动滚动条，它也会在 chrome 中发生。

请考虑使用fixed位置而不是每次发生滚动事件时设置css top，因为当滚动事件发生时，滚动已经移动并且页面会根据新的滚动位置重新呈现。你正在做的是在页面重新呈现后立即更改其外观。

此外，滚动事件/调整大小事件可能每秒被调用数十次。所以这类代码很容易导致性能问题。

【讨论】：