导航栏悬挂
导航栏部分(隐藏部分)
样式无而多讲
导航栏定位
top值为0
记录每一次滚动条位置的变量
声明scrolltop
获取导航部分
滚动条滚动事件
获取滚动条跟顶部的距离
判断导航部分是否滚动到可视区域上方
判断滚动条是否向上滚动
37为导航栏高度
原理(利用滚动条位置设置导航栏的显示和隐藏)
刷新页面
页面刷新之前将滚动条位置记录下来
使其页面刷新导航栏依然保持
效果图
导航栏部分(隐藏部分)
样式无而多讲
导航栏定位
top值为0
记录每一次滚动条位置的变量
声明scrolltop
获取导航部分
滚动条滚动事件
获取滚动条跟顶部的距离
判断导航部分是否滚动到可视区域上方
判断滚动条是否向上滚动
37为导航栏高度
原理(利用滚动条位置设置导航栏的显示和隐藏)
刷新页面
页面刷新之前将滚动条位置记录下来
使其页面刷新导航栏依然保持
效果图