在IE瀏覽器下，一次resize事件被執(zhí)行了多次 。這是IE6和IE7的一個(gè)比較廣為認(rèn)知的問題，這個(gè)問題在這兩個(gè)版本的瀏覽器中表現(xiàn)有所不同，通常IE6下會(huì)比IE7下更為糟糕 。
現(xiàn)在已經(jīng)有了一個(gè)較好的解決方案，讓jquery.wresize.js這個(gè)jquery插件來幫你：
Js代碼
復(fù)制代碼 代碼如下:
/*
===============================================================================
WResize is the jQuery plugin for fixing the IE window resize bug
...............................................................................
Copyright 2007 / Andrea Ercolino
-------------------------------------------------------------------------------
LICENSE: php"http://www.opensource.org/licenses/mit-license.php
WEBSITE: http://noteslog.com/
===============================================================================
*/
( function( $ )
{
$.fn.wresize = function( f )
{
version = ’1.1’;
wresize = {fired: false, width: 0};
function resizeOnce()
{
if ( $.browser.msie )
{
if ( ! wresize.fired )
{
wresize.fired = true;
}
else
{
var version = parseInt( $.browser.version, 10 );
wresize.fired = false;
if ( version7 )
{
return false;
}
else if ( version == 7 )
{
//a vertical resize is fired once, an horizontal resize twice
var width = $( window ).width();
if ( width != wresize.width )
{
wresize.width = width;
return false;
}
}
}
}
return true;
}
function handleWResize( e )
{
if ( resizeOnce() )
{
return f.apply(this, [e]);
}
}
this.each( function()
{
if ( this == window )
{
$( this ).resize( handleWResize );
}
else
{
$( this ).resize( f );
}
} );
return this;
};
} ) ( jQuery );

如何使用，請(qǐng)看這個(gè)例子test page：
Js代碼
復(fù)制代碼 代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml" style="overflow:hidden;"
head
title test window resize /title
script type="text/javascript" src=http://www.hake.cc/kf/201109/"http://jquery.com/src/jquery-latest.pack.js"/script
script type="text/javascript" src=http://www.hake.cc/kf/201109/"jquery.wresize.js"/script
script type="text/javascript"
jQuery( function( $ )
{
function content_resize()
{
var w = $( window );
var H = w.height();
var W = w.width();
$( ’#content’ ).css( {width: W-20, height: H-20} );
}
$( window ).wresize( content_resize );
content_resize();
} );
/script
/head
body
div id="content" style="border: 1px dashed silver; position:absolute; overflow:auto;"
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test

推薦閱讀

• 

  地底下的植物
• 

  茶花不愛長新芽是什么原因造成的，茶花不愛長新芽是什么原因造成的呢
• 

  重樓適合在什么地方種植
• 

  蘋果系統(tǒng)40g怎么回事
• 

  別克gl8冷卻風(fēng)扇繼電器位置
• 

  小平魚怎么做好吃又簡單
• 

  倒立能去眼袋嗎
• 

  蒸箱清洗步驟有什么
• 

  青春期為什么長痘痘
• 

  房屋贈(zèng)送面積一般都有哪些
• 

  小米11pro怎么開啟摘錄功能。
• 

  烏魯木齊特大火災(zāi) 烏魯木齊大火怎么回事
• 

  成都到樂山高鐵哪里，成都到樂山高鐵在哪個(gè)站下在哪個(gè)位置呢
• 

  移動(dòng)硬盤什么品牌好 最快的移動(dòng)硬盤
• 

  攻沙武器有神圣什么屬性,傳奇《攻沙》英雄有三寶
• 

  misans字體下載了怎么用

• expression CSS表達(dá)式解決IE6 position:fixed無效問題
• IE 3px bug IE6 兩個(gè)div有間隙的問題
• win11更新后要重新下東西嗎
• IE6下focus與blur錯(cuò)亂的解決方案
• 轉(zhuǎn)債贖回股價(jià)會(huì)下跌嗎
• 疊花的方法 具體步驟總結(jié)如下
• IE6下不能設(shè)置height:1px的元素是什么原因如何解決
• 下水道為什么是圓
• 搜狗高速瀏覽器錄制下來的視頻在哪看
• IE6盒子模型沒問題 詳測(cè)雙倍邊距