1 通过修改容器的 scrollLeft/scrollTop 值测试依赖该容器内文本流定位的 Absolutely positioned element 是否会更新其位置
1.1 点击左侧按钮或拖动容器的滚动条时,IE6(Q) IE7(Q) IE8(Q) 会实时更新 Red 的位置,其他浏览器则不会。
但点击后,window.onresize 被触发时,IE8(S) Firefox 能够更新。
Firefox 可连击某一个左侧按钮测试,交替点击每个左侧按钮更有趣:Red 的位置被更新为上一次点击左侧按钮时应该在的位置。
1.2 点击左侧按钮或拖动容器的滚动条后,再点击右侧按钮时,IE6(S) IE7(S) Firefox 会更新 Red 的位置,IE8(S) Chrome Safari Opera(S) 不会更新,Opera(Q)
出现渲染错误。
2 通过修改容器的 marginLeft/marginTop 值测试依赖该容器内文本流定位的 Absolutely positioned element 是否会更新其位置
2.1 点击左侧按钮时,IE6 IE7 IE8 Firefox Opera Safari 会实时更新 Red 的位置。
2.2 点击左侧按钮后,再点击右侧按钮时,Chrome 会更新 Red 的位置。