国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
div固定定位完美兼容如回頂部圖標(biāo)
在div定位中,我們經(jīng)常用到div固定浮于頁(yè)面上面,而且希望不管在什么條件下,它都是固定不動(dòng)的,當(dāng)滾動(dòng)條滾動(dòng)的時(shí)候它也靜止不動(dòng)、而且不閃動(dòng)。固定定位(fixed)IE6又不支持,讓IE6固定下來(lái),且不閃動(dòng)是件不容易的事情。不容易也得辦啊,誰(shuí)讓IE6還不死呢?

  解決辦法:這里分兩種方式固定DIV。相對(duì)于網(wǎng)頁(yè)窗口,一是從上往下固定,二是從下往上固定。

HTML代碼:

  1. <body style="height:2000px"
  2. <div id="fixedTop">風(fēng)吹不動(dòng),雷打不動(dòng),我就定在這愁著你!(從上往下固定我)</div> 
  3. <div id="fixedBottom">風(fēng)吹不動(dòng),雷打不動(dòng),我就定在這愁著你!(從下往上固定我)</div> 
  4. </body> 

  1、從下往上固定:意思就是說(shuō)從窗口底部往上調(diào)整固定距離從而固定DIV的位置。

CSS代碼:

  1. body{margin:0px; padding:0px;} 
  2. #fixedBottom{ 
  3. position:fixed; bottom:0px; "http://可自定義bottom的值,離窗口底部的距離" 
  4. _position:absolute; _bottom:0px;"http://可自定義bottom的值,離窗口底部的距離" 
  5. _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginBottom,10)||0)));"http://可自定義修改“||”后面的值,也是離窗口底部的距離,和上面bottom的值保持一致" 
  6. width:100%; height:30px; line-height:30px; border:1px solid #ccc; 
  7. *html{background-image:url(about:blank);background-attachment:fixed;} 

  上面注釋的三個(gè)地方的值要設(shè)置成一致,即是固定div離窗口底部的距離,上面代碼中固定div離窗口底部的距離為0。

  2、從上往下固定:意思就是說(shuō)從窗口頂部往下調(diào)整固定距離從而固定DIV的位置。

CSS代碼:

  1. body{margin:0px; padding:0px;} 
  2. #fixedTop{ 
  3. position:fixed; top:0px; "http://可自定義top的值,離窗口底部的距離" 
  4. _position:absolute; _top:0px;"http://可自定義top的值,離窗口底部的距離" 
  5. _top:expression(eval(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)));"http://可自定義修改“||”后面的值,也是離窗口頂部的距離,和上面top的值保持一致" 
  6. width:100%; height:30px; line-height:30px; border:1px solid #ccc; 
  7. *html{background-image:url(about:blank);background-attachment:fixed;} 

  上面注釋的三個(gè)地方的值要設(shè)置成一致,即是固定div離窗口頂部的距離,上面代碼中固定div離窗口頂部的距離為0。

  CSS中最后一句代碼是解決固定div在IE6下滾動(dòng)條滾動(dòng)的時(shí)候閃動(dòng)的問(wèn)題。

原文地址:http://www.uuhar.com/end/Browser/32.html

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
跨瀏覽器的CSS固定定位{position:fixed} @ 隨網(wǎng)之舞
在和訊博客添加廣告的方法
css、js實(shí)現(xiàn)自定義滾動(dòng)條的兩種方式
【教程】和訊個(gè)人門(mén)戶“任何地方添任何模塊”CSS-HTML方法
CSS基礎(chǔ)語(yǔ)法和CSS經(jīng)常用到的知識(shí)點(diǎn)總結(jié)
基于display:table的CSS布局
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服