想用 fixed 定位但又不希望元素脫離文件流

2021-10-23 20:38:12 字數 506 閱讀 7277

對於 fixed 定位並且讓元素不脫離文件流

有時候我們希望乙個元素固定到某位置不動,但是當底下元素滑動上來未設定 background 的 fixed 固定的元素就會遮擋底下的元素(就像底下這種情況),當然你顏色統一的話直接為 fixed 固定的元素設定一樣的背景色即可,我這邊底色是漸變色,所以設定背景色會有色差,看起來很不舒服

碰到這種情況,你不想設定背景色,但又不希望元素被遮擋,這時候我們只需要用乙個 div 去佔位就可以了,用乙個空的 div ,把他放在 fixed 固定的元素的位置,讓他擁有和 fixed 元素一樣的寬高,因為 fixed 屬性會讓元素脫離文件流,所以這樣是完全 ok 的。

這樣就可以達到預期的效果了

transform 影響fixed定位

由於我寫定位樣式很喜歡使用 transfrom translete 50 50 當我adiv使用position,且使用了 transfrom translete 50 50 bdiv使用了fixed定位,會導致出現乙個很奇怪的bug。你會發現,嗯哼?怎麼肥四?為什麼我的bdiv的fixed不生效了...

fixed定位相容性

不過從ios5.1以來,fixed定位就已經支援了,但很遺憾,ios現在對它還只是半支援。但是在某些情況下,會出現一些比較奇葩的問題,比如fixed元素中存在輸入框子元素,這個時候就會跪了。可以看到,fixed定位的元素跑到中間去了,這種問題一般出現在頁面有scrolltop並且輸入框獲得了焦點的情...

新匯入專案,JSP卻有紅叉,但又不報錯,怎麼去掉

我也遇到過這情況,也很是鬱悶,明明從svn匯出的完整專案,但jsp頁面顯示就是有紅 而且專案又正常執行,一開始覺得還可以接受,但後來越看越不順眼,最主要還是同事匯出來沒這問題,就有了現在的解決方法。1 大概是剛裝的eclipse吧,很多設定都沒去弄,就可能出現這情況,當然這也是我個人的看法,最簡單,...