讓IE6支持fixed的捷徑是怎樣的,針對(duì)這個(gè)問題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供渝水網(wǎng)站建設(shè)、渝水做網(wǎng)站、渝水網(wǎng)站設(shè)計(jì)、渝水網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、渝水企業(yè)網(wǎng)站模板建站服務(wù),十多年渝水做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
和大家重點(diǎn)討論一下讓IE6支持fixed的簡(jiǎn)單方法,在主題制作或者修改中一些元素要設(shè)置為隨頁(yè)面滾動(dòng)的效果,通常的做法是加上fixed屬性,或者干脆用js實(shí)現(xiàn)這個(gè)功能。
讓IE6支持fixed的簡(jiǎn)單方法
最近發(fā)現(xiàn)一個(gè)小問題:在主題制作或者修改中一些元素要設(shè)置為隨頁(yè)面滾動(dòng)的效果,通常的做法是加上fixed屬性,或者干脆用js實(shí)現(xiàn)這個(gè)功能。
不過(guò)對(duì)于懶得去后臺(tái)更新js文件的同學(xué)來(lái)說(shuō),這不是個(gè)好辦法,或者對(duì)于還未引入js的同學(xué),這更不是好辦法。但是不用的話在IE6下會(huì)無(wú)效,這個(gè)經(jīng)典到目前訪問量的半數(shù)以上的瀏覽器版本是直接無(wú)視fixed的(當(dāng)然還有其他若干問題,所以希望更新或扔掉該瀏覽器)。
關(guān)于這個(gè)問題的解決辦法,我之前的做法一直是用_position:absolute來(lái)暫時(shí)修訂,當(dāng)然這么做產(chǎn)生的效果和想象中的差距很大。最近發(fā)現(xiàn)一個(gè)方法來(lái)修正IE6的fixed效果,如下:
_top:expression(documentElement.scrollTop+數(shù)值+"px")
也是一個(gè)簡(jiǎn)單的hack,對(duì)于不想引入JS又迫切希望使用fixed屬性的人來(lái)說(shuō),確實(shí)是個(gè)好辦法。
More:
Q:有時(shí)候好像使用document.body.scrollTop來(lái)獲取滾動(dòng)條滾動(dòng)的長(zhǎ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來(lái)代替;document.documentElement.scrollTop中documentElement對(duì)應(yīng)的是html標(biāo)簽;document.body.scrollTop中body對(duì)應(yīng)的是body標(biāo)簽。
關(guān)于讓IE6支持fixed的捷徑是怎樣的問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。
當(dāng)前標(biāo)題:讓IE6支持fixed的捷徑是怎樣的
文章網(wǎng)址:http://aaarwkj.com/article0/pdeioo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、建站公司、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)