好吧问答库 > 我用css定位了导航，怎么当网页下拉到一定高度的时候变成悬浮的？

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

我想用css定位导航，当下拉页面到一定高度的时候把导航变成悬浮。。。

2026年09月21日 11:07

有5个网友回答

网友（1）：

1、正常布局网站，导航栏也正常布局。
2、自定义导航栏制作（可复制原来的导航栏，也可以另制作一份），绝对定位，隐藏。
3、在页面scroll事件中进行判断，滚动到指定像素位置，自定义的导航栏出现，并且随着scroll事件对top值不断更新，一句jquery的scrollTop。
4、如果向上回滚，判断scrollTop值，隐藏自定义导航栏。

网友（2）：

光用css是不能的

网友（3）：

光用css是不能的,用jQuery

网友（4）：

这个要用js来判断的,下面这个是例子





无标题文档

                            产品名称
                            苹果 iPhone 4(16GB)
                            诺基亚 C5-03