去除框架橫向滾動(dòng)條
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
在網(wǎng)頁(yè)上使用了frame或者iframe，使用IE6瀏覽，將可能出現(xiàn)非常不美觀的橫向滾動(dòng)條。那么你有可能會(huì)使用scrolling="no"這個(gè)屬性，但這樣講會(huì)導(dǎo)致連豎向的滾動(dòng)條都不見(jiàn)了。好，那也有可能在body標(biāo)簽或css里面定義overflow-x: hidden; overflow-y: auto;這兩個(gè)參數(shù)，但是仍舊那討厭的橫向滾動(dòng)條還在。
這是為什么呢？原來(lái)，在用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è)問(wèn)題, 允許你保持完整的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)：在視覺(jué)上解決了這個(gè)問(wèn)題.在不必要的時(shí)候, 未強(qiáng)制垂直滾動(dòng)條出現(xiàn). 缺點(diǎn)：只是隱藏了水平滾動(dòng)條，如果頁(yè)面真正需要水平滾動(dòng)條的時(shí)候， 屏幕以外的內(nèi)容會(huì)因?yàn)橛脩?hù)無(wú)法水平滾動(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)：在視覺(jué)上解決了這個(gè)問(wèn)題.，垂直滾動(dòng)根據(jù)內(nèi)容自適應(yīng) 缺點(diǎn)：由于"人為創(chuàng)建"了15px的外邊距(margin), 所以無(wú)法使用該填充過(guò)的屏幕區(qū)域. 該文章在 2010/8/14 0:06:59 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
