這篇文章主要介紹iframe在IE6下出現(xiàn)橫向滾動(dòng)條怎么辦，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司長(zhǎng)期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為臨高企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作，臨高網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

情況如下：（PS：紅框表示iframe的區(qū)域，灰色的長(zhǎng)方框表示上面提到的width:100%的元素，需要在IE6下看效果。）
當(dāng)灰色的框的高度大于iframe的高度時(shí)出現(xiàn)縱橫向滾動(dòng)條（IE6下）。
當(dāng)灰色的框的高度小于iframe的高度時(shí)效果正常。
解決方案一:給內(nèi)頁(yè)加上樣式：html { overflow-y: scroll; }
當(dāng)灰色的框的高度大于iframe的高度時(shí)僅出現(xiàn)縱向滾動(dòng)條，效果正確。
當(dāng)灰色的框的高度小于iframe的高度時(shí)縱向滾動(dòng)條仍然顯示（不可用狀態(tài)），有瑕疵。
解決方案二:給內(nèi)頁(yè)加上樣式：html { overflow-x: hidden; overflow-y: auto; }
當(dāng)灰色的框的高度大于iframe的高度時(shí)僅出現(xiàn)縱向滾動(dòng)條，但右邊內(nèi)容顯示不完全（PS：里面文字內(nèi)容是“這是個(gè)高為200px的div”），效果不正確。
當(dāng)灰色的框的高度小于iframe的高度時(shí)沒有滾動(dòng)條出現(xiàn)，效果正確。
解決方案三：經(jīng)過了多次嘗試仍然沒有發(fā)現(xiàn)純css的完美解決方案，而我們追求的是最完美的效果。既然純css解決不 了，我們只好搬出js來(lái)了，通過前面的測(cè)試我們發(fā)現(xiàn)灰色框高度小于iframe的高度時(shí)不需要做任何處理效果正確，而灰色框高度大于iframe的高度時(shí) 方案一是完美的。于是，我們的js有如下思路：當(dāng)瀏覽器為IE6且內(nèi)容高度比iframe高時(shí)給html標(biāo)簽加入方案一的樣式。下面是jQuery的代 碼：（不用jQuery的話思路一樣。）

代碼如下:

$(function(){
if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height()) $("html").css("overflowY","scroll");
});

當(dāng)灰色的框的高度大于iframe的高度時(shí)僅出現(xiàn)縱向滾動(dòng)條，效果正確。
當(dāng)灰色的框的高度小于iframe的高度時(shí)效果正確。

以上是“iframe在IE6下出現(xiàn)橫向滾動(dòng)條怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：iframe在IE6下出現(xiàn)橫向滾動(dòng)條怎么辦-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/dccjsh.html