前端 實現吸頂的三種方式

何爲吸頂？吸頂就是隨着頁面滾動，某個元素在移動到頂部後便會固定下來，並且不會再因爲頁面繼續滾動而消失。 常見應用於頁面的Tab欄。以下是自己在學習過程中簡單整理的三種吸頂方式（ 僅描述思路 ）。 一、position: sticky 設置粘性定位並且添加某個方位纔可生效，但是兼容性較差。 二、動態修改元素的position 監聽頁面的滾動，比較 元素初始狀態距離頂部的高度offsetTop 與 頁

>>阅读原文<<