需求:页面滚动到某处后弹出顶部导航栏

当页面到达秒杀模块时就弹出顶部导航栏

1.先给页面增添滚动事件 并记录页面滚动被卷去的值

window.addEventListener(‘scroll’,function(){

const n=document.documentElement.scrollTop

})

2.获取秒杀模块到页面顶部的距离

const sk = document.querySelector(‘.sk’)

3.如果页面被卷去的值大于了秒杀模块到页面顶部的距离 就让导航栏出现(原本导航栏是藏在页面上面的) 否则就藏起来

这是导航栏的初始设置

这是我们满足我们需求的设置 注意设置top值要用字符串哦

这里用到了固定定位fixed 总体思路就是

让导航栏先藏起来 然后判断页面是否到达我们设定处 再更改相应的定位位置

这样我们这个小案例也完成啦~~~