1. 程式人生 > >6 week work 3

6 week work 3

移動 滑動 tab filter size 按鈕 情況 ive 創建

sticky vs fixed

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

fixed:固有的位置。用作懸浮按鈕的設計。不管當前頁面如何滾動,它的位置始終相對於窗體不變。元素從普通文檔流中刪除,並沒有空間為頁面中的元素創建布局。 它是相對於初始定位包含塊建立的視窗,除非其祖先之一transform

, perspective,或filter屬性集之外的東西none,在這種情況下,祖先的行為包含塊。 其最終位置的值決定top, right, bottom,left.這個值總是創建一個新的疊加背景。 在打印文檔中,元素放置在相同的位置每一頁。

6 week work 3