IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug

时间:2022-09-01 16:38:34

尽管在项目中测试人员已经慢慢淡化了IE6的测试,但是IE7依然还是要纳入测试范围。

最近碰到一个IE7的蛋疼bug,在页面上设置了一个局部的滚动区域,在拖动滚动条的时候,滚动区域内设置了相对定位或绝对定位的元素不随滚动条移动位置。

蛋碎了一地...

在网上查了下看看大家都是怎么破这个问题的,发现这个问题居然也是个普遍问题,好吧。

解决方法:

如果

.scrollerArea{} 是滚动区域

那么,在样式里面加上ie7的hack

.scrollerArea{*position:relative;*left:0;*top:0;}

测试以后,发现bug被解决了。