主要为大家详细介绍了js实现移动端吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

今天来简单的写一个吸顶，供大家参考，具体内容如下 先罗列一下吸顶需要使用到的属性 ** scrollTop 获取当前滚动的距离（也就是盒子距离顶部的距离） offsetTop 盒子距离顶部的高度 offsetHeight 盒子自身的高度 scrollY 滚动的距离 ** 想要写出一个吸顶 一定要先明白这几个属性哦（当然了，他也很简单，相信您看完会有一定的收获） 根据图片中的思路来写： <meta name=viewpo

对于导航的吸顶效果，pc端和移动端的需求可能有些差异。在pc端，我们通常只需要一个顶部导航；在移动端，在滑动页面的时候，更需要多个标题的吸顶（例如地区的选择，需要将省份吸顶）。 单个标题吸顶和多个标题吸顶的区别在于：多个标题吸顶需要确定一个高度范围，在这个范围中只能有一个标题吸顶，其他都是固定效果。 一、页面布局及样式 此处为了测试效果，用了几个重复的section标签，大家根据实际需求编写布局和样式。 实现多个标题的吸顶 header1