Position _ fixed / sticky

fixed(固定定位)spa

相對於視口定位,這意味着即便頁面滾動,它也始終保持在同一位置。top,right,bottom和left屬性用於定位元素。code

固定元素不會在頁面中留下一般位於其中的間隙。文檔

sticky(粘性定位table

基於用戶滾定動來進行定位的,至關於relative定位 fixed定位的結合體class

當未超過閾值的時候,他的行爲就像relative,當超過特定閾值是他的行爲就像fixed。top

閾值是left,right,top,bottom(必須制定其一,才能使粘性定位生效,不然其行爲與relative相同)tab

當組件設置了該屬性值後,當頁面滑動時,組件會跟着頁面移動,當組件觸及到窗體後,頁面若繼續滑動,組件則處在與窗體接觸的位置不動。元素的定位是根據文檔的正常流動,而後相對於其抵消最近的滾動祖先和包含塊(最近的塊級的祖先),包括table-related元素,基於的值toprightbottom,left。 偏移量並不影響其餘元素的位置。這個值老是建立一個新的疊加背景。移動

相關文章
相關標籤/搜索