首頁 > web前端 > css教學 > 為什麼我的黏性定位元素「bottom: 0」沒有出現?

為什麼我的黏性定位元素「bottom: 0」沒有出現?

Mary-Kate Olsen
發布: 2024-12-26 09:14:13
原創
719 人瀏覽過

Why Doesn't My Sticky-Positioned Element with `bottom: 0` Appear?

為什麼黏性定位不適用於'bottom: 0'

黏性定位允許元素在其包含區塊中保持固定,直到它達到指定的閾值。但是,當使用“bottom: 0”時,這種行為似乎可能不存在。

在提供的程式碼中,「move」元素被指派為「position: Sticky」和「bottom: 0」。根據黏滯定位的定義,當元素達到其流根內的閾值時,該元素將變得固定。然而,在給定的範例中,「move」元素不可見,因為其父塊具有顯著的 margin-top。

當發生滾動時,父塊會越過「move」元素的閾值,從而成為固定的。然而,由於父塊隱藏在螢幕外,因此“移動”元素也被隱藏。要觀察預期的行為,請增加父區塊的 margin-top 將其進一步推離螢幕。

因此,帶有粘性定位的 'bottom: 0' 設定是有效的,但它需要下面有足夠的空間包含塊以觀察保持固定在底部邊緣的元素。

以上是為什麼我的黏性定位元素「bottom: 0」沒有出現?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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