IE6 css中js解決固定定位

2021-06-08 00:39:47 字數 823 閱讀 2510

首先要理解css中的js是什麼樣子的!

top:expression(這裡寫的是js**);在括弧中的是js**  注:這種方法對瀏覽器資源要求比較的高 例:

top:expression(document.documentelement.scrolltop);
獲取瀏覽器可視區到頁面實際頂部的距離

top:expression(document.documentelement.clientheight);
獲取瀏覽器可視區的高度

top:expression(this.clientheight);
獲取當前物件的高度

如果想要把乙個高100px寬100px的div放在瀏覽器的中間那麼我們需要寫一條公式

可視區到頁面實際頂部的距離    +   ( 可視區高度/2    -    當前物件高度/2)

top:expression(document.documentelement.scrolltop+document.document.clientheight/2-this.clientheight/2)
左邊距和上邊距的寫法是一樣的

解決方法:

body
新增backgrounf-attachment:fixed是為了讓瀏覽器在重新需要布頁面的時候先處理css那樣就不會產生卡頓的現象

頁面例項:

我居中了哦

expression解決IE6下固定定位的相容

本文所使用的技巧是用了一條 internet explorer 的 css 表示式 expression 你不可以直接使用該表示式,因為它可能會因為快取而不更新。解決這一點的最簡單的方式是使用 eval 包裹你的語句。如何解決 振動 的問題?顯然 ie 有乙個多步的渲染程序。當你滾動或調整你的瀏覽器...

expression解決IE6下固定定位的相容

本文所使用的技巧是用了一條 internet explorer 的 css 表示式 expression 你不可以直接使用該表示式,因為它可能會因為快取而不更新。解決這一點的最簡單的方式是使用 eval 包裹你的語句。如何解決 振動 的問題?顯然 ie 有乙個多步的渲染程序。當你滾動或調整你的瀏覽器...

ie6固定定位層fixed

轉文請標明 出處 穆乙 固定頭部或者左側導航現在 中隨處可見,主要是為了提高使用者體驗 以及右下角的固定廣告,頁面兩側的固定廣告。這些實現起來其實並不困難,都基於乙個屬性 position fixed 是可惜ie6不支援 只能退而求其次利用其它辦法,比如利用js監聽window的resize和scr...