前端 实现吸顶的三种方式

何为吸顶？吸顶就是随着页面滚动，某个元素在移动到顶部后便会固定下来，并且不会再因为页面继续滚动而消失。 常见应用于页面的Tab栏。以下是自己在学习过程中简单整理的三种吸顶方式（ 仅描述思路 ）。 一、position: sticky 设置粘性定位并且添加某个方位才可生效，但是兼容性较差。 二、动态修改元素的position 监听页面的滚动，比较 元素初始状态距离顶部的高度offsetTop 与 页

>>阅读原文<<