新聞中心
本文和大家重點(diǎn)討論一下讓IE6支持fixed的簡單方法,在主題制作或者修改中一些元素要設(shè)置為隨頁面滾動(dòng)的效果,通常的做法是加上fixed屬性,或者干脆用js實(shí)現(xiàn)這個(gè)功能。

凌源網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),凌源網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為凌源成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的凌源做網(wǎng)站的公司定做!
讓IE6支持fixed的簡單方法
最近發(fā)現(xiàn)一個(gè)小問題:在主題制作或者修改中一些元素要設(shè)置為隨頁面滾動(dòng)的效果,通常的做法是加上fixed屬性,或者干脆用js實(shí)現(xiàn)這個(gè)功能。
不過對于懶得去后臺更新js文件的同學(xué)來說,這不是個(gè)好辦法,或者對于還未引入js的同學(xué),這更不是好辦法。但是不用的話在IE6下會(huì)無效,這個(gè)經(jīng)典到目前訪問量的半數(shù)以上的瀏覽器版本是直接無視fixed的(當(dāng)然還有其他若干問題,所以希望更新或扔掉該瀏覽器)。
關(guān)于這個(gè)問題的解決辦法,我之前的做法一直是用_position:absolute來暫時(shí)修訂,當(dāng)然這么做產(chǎn)生的效果和想象中的差距很大。最近發(fā)現(xiàn)一個(gè)方法來修正IE6的fixed效果,如下:
- _top:expression(documentElement.scrollTop+數(shù)值+"px")
也是一個(gè)簡單的hack,對于不想引入JS又迫切希望使用fixed屬性的人來說,確實(shí)是個(gè)好辦法。
More:
Q:有時(shí)候好像使用document.body.scrollTop來獲取滾動(dòng)條滾動(dòng)的長度,結(jié)果滾動(dòng)后得到的也是0,為什么改用document.documentElement.scrollTop就可以了?
A:可以查看一下源代碼,如果沒有
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這一句那么可以用document.body.scrollTop,否則只能用document.documentElement.scrollTop。
原因:在標(biāo)準(zhǔn)w3c下,document.body.scrollTop恒為0,需要用document.documentElement.scrollTop來代替;document.documentElement.scrollTop中documentElement對應(yīng)的是html標(biāo)簽;document.body.scrollTop中body對應(yīng)的是body標(biāo)簽。
網(wǎng)站名稱:讓IE6支持fixed的捷徑
本文鏈接:http://fisionsoft.com.cn/article/coodphs.html


咨詢
建站咨詢
