我用css定位了导航,怎么当网页下拉到一定高度的时候变成悬浮的?

html-css07

我用css定位了导航,怎么当网页下拉到一定高度的时候变成悬浮的?,第1张

1、正常布局网站,导航栏也正常布局。

2、自定义导航栏制作(可复制原来的导航栏,也可以另制作一份),绝对定位,隐藏。

3、在页面scroll事件中进行判断,滚动到指定像素位置,自定义的导航栏出现,并且随着scroll事件对top值不断更新,一句jquery的scrollTop。

4、如果向上回滚,判断scrollTop值,隐藏自定义导航栏。

提供三种自定义导航栏悬浮的方法

在自定义组件中设定css 样式:

利用 position: fixed

利用 position: fixed