1. 程式人生 > >第六周web作業2:sticky和fixed

第六周web作業2:sticky和fixed

指定 相同 基於用戶 之一 行為 作業2 sticky ive posit

sticky基於用戶的滾動位置來定位。

粘性定位的元素是依賴於用戶的滾動,在 position:relative 與 position:fixed 定位之間切換。

在目標區域以內,它的行為就像 position:relative; 而當頁面滾動超出目標區域時,它的表現就像 position:fixed;,它會固定在目標位置。

元素定位表現為在跨越特定閾值前為相對定位,之後為固定定位。這個特定閾值指的是 top, right, bottom 或 left 之一,換言之,指定 top, right, bottom 或 left 四個閾值其中之一,才可使粘性定位生效。否則其行為與相對定位相同。

第六周web作業2:sticky和fixed