為什麼黏性定位不適用於'bottom: 0'
黏性定位允許元素在其包含區塊中保持固定,直到它達到指定的閾值。但是,當使用“bottom: 0”時,這種行為似乎可能不存在。
在提供的程式碼中,「move」元素被指派為「position: Sticky」和「bottom: 0」。根據黏滯定位的定義,當元素達到其流根內的閾值時,該元素將變得固定。然而,在給定的範例中,「move」元素不可見,因為其父塊具有顯著的 margin-top。
當發生滾動時,父塊會越過「move」元素的閾值,從而成為固定的。然而,由於父塊隱藏在螢幕外,因此“移動”元素也被隱藏。要觀察預期的行為,請增加父區塊的 margin-top 將其進一步推離螢幕。
因此,帶有粘性定位的 'bottom: 0' 設定是有效的,但它需要下面有足夠的空間包含塊以觀察保持固定在底部邊緣的元素。
以上是為什麼我的黏性定位元素「bottom: 0」沒有出現?的詳細內容。更多資訊請關注PHP中文網其他相關文章!