1. 程式人生 > >Web第六週作業:position.fixed vs sticky

Web第六週作業:position.fixed vs sticky

Position.fixed vs sticky

fixed(固定定位)

元素相對於瀏覽器視窗是固定的,即使是視窗滾動,元素也是固定的

sticky(粘性定位

基於使用者滾定動來進行定位的,相當於relative定位 fixed定位的結合體

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

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

當元件設定了該屬性值後,當頁面滑動時,元件會跟著頁面移動,當元件觸及到窗體後,頁面若繼續滑動,元件則處在與窗體接觸的位置不動。元素的定位是根據文件的正常流動,然後相對於其抵消最近的滾動祖先和包含塊(最近的塊級的祖先),包括table-related元素,基於的值top

rightbottom,left。 偏移量並不影響其他元素的位置。這個值總是建立一個新的疊加背景。