最近做项目遇到了经典的IE的resize问题&＃xff0c; 估计好多浏览器假死现象都是由它引起的吧&＃xff0c;真是可恶~~~, 方法好象也比较简单&＃xff0c;就是把事件绑定到dom内一个100%宽度的div上面去.
使用Mootools的代码如下&＃xff1a;
先在页面上添加一个 div , 设置 style :width:100%;height:100%;position:absolute;z-index:-999;
dom加载后:
代码 //IE6 & IE7
if(Browser.Engine.trident && (Browser.Engine.version &＃61;&＃61; 4 || Browser.Engine.version &＃61;&＃61;5)){
var fix_ie &＃61; $(&＃39;fix-ie-resize&＃39;);
if(!fix_ie){
alert(&＃39;fix_ie_resize_error&＃39;);
}else{
fix_ie.onresize &＃61; function(){
if (onresizeTimeout) {
clearTimeout(onresizeTimeout)
}
onresizeTimeout &＃61; setTimeout(function () {
//do something
},
200);
}
}
}else{
window.onresize &＃61; function () {
if (onresizeTimeout) {
clearTimeout(onresizeTimeout)
}
onresizeTimeout &＃61; setTimeout(function () {
//do something
},
200)
};
}
if(Browser.Engine.trident && (Browser.Engine.version &＃61;&＃61; 4 || Browser.Engine.version &＃61;&＃61;5)){
var fix_ie &＃61; $(&＃39;fix-ie-resize&＃39;);
if(!fix_ie){
alert(&＃39;fix_ie_resize_error&＃39;);
}else{
fix_ie.onresize &＃61; function(){
if (onresizeTimeout) {
clearTimeout(onresizeTimeout)
}
onresizeTimeout &＃61; setTimeout(function () {
//do something
},
200);
}
}
}else{
window.onresize &＃61; function () {
if (onresizeTimeout) {
clearTimeout(onresizeTimeout)
}
onresizeTimeout &＃61; setTimeout(function () {
//do something
},
200)
};
}
京公网安备 11010802041100号