bootstarp 表頭絕對定位

2022-09-01 05:45:11 字數 1587 閱讀 2722

需求是表頭絕對定位 body滾動 但是直接在bootstarp表頭上設定fix就對不上  解決辦法就是寫兩個表頭覆蓋 

<

table

class

="table table-striped fixedhead"

id="fixedhead"

>

<

thead

>

<

tr>

<

th>日期

th>

<

th>散客

th>

<

th>ota

th>

<

th>團體

th>

<

th>年卡

th>

tr>

thead

>

table

>

<

table

class

="table table-striped"

id="user_table"

>

<

thead

>

<

tr>

<

th>日期

th>

<

th>散客

th>

<

th>ota

th>

<

th>團體

th>

<

th>年卡

th>

tr>

thead

>

<

tbody

id='phonetbody'

>

tbody

>

table

>

兩個html**都是一樣的  想達到目的表頭固定的目的就是要把 上面的**固定住下面的**頂上去 就是類似這種 表頭固定 下面滾動的效果 但是還需要判斷下面tbody中td的寬度給上面td的寬度加上

function

autowidth() )

console.log($('#fixedhead').find('th'));

$('#fixedhead').find('th').each(function

(i,v))

})}

然後在視窗重新計算的時候呼叫  在初始化完成後呼叫  這是我一般用的rem布局的初始化**

(function

(window)

window.addeventlistener('resize', function

() , 300)

}, false

) window.addeventlistener('pageshow', function

(e) , 300)

}},

false

) setunita()

})(window)

最後在頁面載入之後

window.onload = function

()

定位 絕對定位

span元素 輸出 1.開啟絕對定位,會使元素脫離文件流 2 開啟絕對定位以後,如果不設定偏移量,則元素的位置不會發生變化 3 相對於瀏覽器視窗進行定位 開啟box3的定位並把box2作為box3的子元素 box2 box3 輸出 若有祖先元素開啟了定位 一般情況,開啟了子元素的絕對定位都會同時開啟...

相對定位,絕對定位

絕對定位是相對于父標籤決定位置,一般用於相對定位標籤裡面,js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面,一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...

相對定位 絕對定位

相對定位 相對自身位置進行定位 定位後 元素脫離文件流 原來的位置沒有被其他元素所佔據 元素特點沒有發生變化 top 移動後的位置距離起始位置 上面多遠 往下移動 left 移動後的位置距離起始位置 左邊多遠 往右移動 right 移動後的位置距離起始位置 右邊多遠 往左移動 bottom 移動後的...