html css 控制div或table等固定在指定位置的實作方法

高洛峰
發布: 2017-02-18 15:51:23
原創
2138 人瀏覽過

.bottomTable{    
background-color: rgb(249,249,249);    
z-index:99999999; position:fixed; bottombottom:0; left:0; width:100%; _position:absolute; /* for IE6 */  
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */  
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */  
overflow:visible;   
 }
登入後複製

1、z-index:設定層處於最頂層。

2、position:fixed;設定定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);透過css綁定js控制層距頂端的高度,

處於底部,具體數值依需求作相應的調整。

4、document.body.scrollTop:body,body標籤滾動條滾動的距離,可更換為你其它標籤物件(存在滾動條)。

5、document.body.clientHeight,body標籤的高度,可更換為你其它標籤物件。

6、-6,距具體情況作相應改動。

以上這篇html css 控制div或者table等固定在指定位置的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多html css 控制div或table等固定在指定位置的實作方法相關文章請關注PHP中文網!


🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板