摘要 今天小编跟大家讲解下有关position: sticky实现导航栏下滑吸顶效果 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关positio

今天小编跟大家讲解下有关position: sticky实现导航栏下滑吸顶效果 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关position: sticky实现导航栏下滑吸顶效果 的相关资料，希望小伙伴们看了有所帮助。

摘要

近期开发中遇到导航栏下滑吸顶的需求 经过方案调研 发现position：sticky可以简单快捷的实现功能。sticky（粘贴定位）可以被认为是相对定位和固定定位的混合 元素在跨越特定阀值前为相对定位 之后为固定定位。根据sticky的特性 只需要添加简单的几行css样式代码即可实现导航栏吸顶效果 大大的节省了开发效率。

功能代码实现.activity-tabs { position: sticky; top: 0; z-index: 999999999;}

来自：https://www.cnblogs.com/BlueBerryCode/p/12993187.html

来源：爱蒂网