IE6中使用position導(dǎo)致頁面變形的解決方案(js代碼)
更新時間：2011年01月09日 23:10:00 作者：
IE6中使用position導(dǎo)致頁面變形，影響用戶體驗，通過搜索可以通過js來實現(xiàn)。
如圖所示：
解決方案：
1.縮放窗體時先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個窗體的寬度（注意：桌面分辨率為基準(zhǔn)，少了加上來）。
3.用桌面分辨率的寬度-頁面內(nèi)容區(qū)的寬度/2，就可以得到一邊多余的寬度。
4.如果得到的值跟$("#nav").offset().left;得到值不同，則可以調(diào)到兩值相同。
var ietest=function()
{
if ($.browser.msie) {
if ($.browser.version == "6.0")
{
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小
$("#nav").css("left",((_width-950)/2)-15); //重新設(shè)置值
return false;
}
return false;
}
return false;
}
window.onresize=ietest; //縮放窗體時觸發(fā)事件
解決方案：
1.縮放窗體時先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個窗體的寬度（注意：桌面分辨率為基準(zhǔn)，少了加上來）。
3.用桌面分辨率的寬度-頁面內(nèi)容區(qū)的寬度/2，就可以得到一邊多余的寬度。
4.如果得到的值跟$("#nav").offset().left;得到值不同，則可以調(diào)到兩值相同。
復(fù)制代碼 代碼如下:
var ietest=function()
{
if ($.browser.msie) {
if ($.browser.version == "6.0")
{
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小
$("#nav").css("left",((_width-950)/2)-15); //重新設(shè)置值
return false;
}
return false;
}
return false;
}
window.onresize=ietest; //縮放窗體時觸發(fā)事件
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生JS仿QQ閱讀點擊展開、收起效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
js中使用DOM復(fù)制（克?。┲付ü?jié)點名數(shù)據(jù)到新的XML文件中的代碼
使用DOM復(fù)制（克隆）指定節(jié)點名數(shù)據(jù)到新的XML文件中 ,用到三個類的相關(guān)知識點 ： DOMDocument - DOMNodeList - DOMNode2011-07-07
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
在javascript頁面中實現(xiàn)CheckBox或者Radio的選中狀態(tài)是一件很容易的事情，下面我們來給大家展示下在asp.net中使用javascript中CheckBox全選終極方案，有需要的小伙伴可以參考下。2015-05-05
本文將提供兩種方式保存圖片，大家可以根據(jù)喜歡自由選擇2012-11-11
JavaScript如何處理移動端拍攝圖片旋轉(zhuǎn)問題
這篇文章主要告訴大家JavaScript如何處理移動端拍攝圖片旋轉(zhuǎn)問題，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用，感興趣的朋友不要錯過2013-12-12
利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能
在文中列表頁方面利用AJAX制作滾動到底觸發(fā)翻頁的效果比較常見,而在評論加載時AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能2016-05-05
Three.js中網(wǎng)格對象MESH的屬性與方法詳解
三維開發(fā)渲染最多的對象大概是網(wǎng)格mesh了，Webgl開發(fā)三維也不例外，下面這篇文章主要給大家介紹了關(guān)于Three.js中網(wǎng)格對象MESH的屬性與方法，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
JS 事件冒泡 示例代碼，大家可以參考下。2009-07-07