&

去除框架橫向滾動(dòng)條

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2010年8月14日 0:6 本文熱度 4252

　　在網(wǎng)頁(yè)上使用了frame或者iframe，使用IE6瀏覽，將可能出現(xiàn)非常不美觀的橫向滾動(dòng)條。那么你有可能會(huì)使用scrolling="no"這個(gè)屬性，但這樣講會(huì)導(dǎo)致連豎向的滾動(dòng)條都不見了。好，那也有可能在body標(biāo)簽或css里面定義overflow-x: hidden; overflow-y: auto;這兩個(gè)參數(shù)，但是仍舊那討厭的橫向滾動(dòng)條還在。
　　這是為什么呢？原來，在用IE6瀏覽有框架的XHTML頁(yè)面的時(shí)候，默認(rèn)會(huì)水平和垂直滾動(dòng)條會(huì)一起出現(xiàn)，這是IE6的一個(gè)漏洞，你在Firefox上瀏覽你的網(wǎng)站是正常的，而IE6對(duì)XHTML 1.0 Transitional DOCTYPE的解釋缺陷.

方法1:

Code

html { overflow-y: scroll; } 

原理：強(qiáng)制顯示ie的垂直滾動(dòng)條，而忽略水平滾動(dòng)條
優(yōu)點(diǎn)：完全解決了這個(gè)問題, 允許你保持完整的XHTML doctype.
缺點(diǎn)：即使頁(yè)面不需要垂直滾動(dòng)條的時(shí)候也會(huì)出現(xiàn)垂直滾動(dòng)條。

方法2: 

Code

html { overflow-x: hidden; overflow-y: auto; } 

原理：隱藏橫向滾動(dòng)，垂直滾動(dòng)根據(jù)內(nèi)容自適應(yīng)
優(yōu)點(diǎn)：在視覺上解決了這個(gè)問題.在不必要的時(shí)候, 未強(qiáng)制垂直滾動(dòng)條出現(xiàn).
缺點(diǎn)：只是隱藏了水平滾動(dòng)條，如果頁(yè)面真正需要水平滾動(dòng)條的時(shí)候，
屏幕以外的內(nèi)容會(huì)因?yàn)橛脩魺o法水平滾動(dòng)，而看不到。

方法3: 

Code

body { margin-right: -15px; margin-bottom: -15px; } 

原理：這會(huì)在margin的水平和垂直方向上添加一個(gè)負(fù)值, IE添加了該精確數(shù)值后, 便會(huì)去除對(duì)滾動(dòng)條的需求假象.
優(yōu)點(diǎn)：在視覺上解決了這個(gè)問題.，垂直滾動(dòng)根據(jù)內(nèi)容自適應(yīng)
缺點(diǎn)：由于"人為創(chuàng)建"了15px的外邊距(margin), 所以無法使用該填充過的屏幕區(qū)域.

該文章在 2010/8/14 0:06:59 編輯過

關(guān)鍵字查詢

滾動(dòng)

橫向

去除

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。