怎么固定导航栏

siyixin 2014-07-24 10:39:30

就是像http://www.kaixin001.com/那样，把网站logo、注册、登录、导航、帮助和搜索一直固定在页面的最上部

...全文

40 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

qcxl 2014-07-24

打赏
举报

回复

类似下面这样就行 position: fixed; top: 0px;

本章节通过使用html中的div布局，完成静态页面的制作，然后结合css3中的fixet固定位置属性来固定导航栏部分，最后利用window.onscroll来获取滑动的距离来确定导航栏固定的位置，这些距离是调用scroll函数中的pageXOffset和pageYOffset来计算得来，最终完成该固定导航栏的制作。

下滑固定导航栏插件Scroll是一款下滑固定导航栏Scroll down fixed，它可以让你任意选择初始固定导航的位置，而不是始终都固定在页面的顶部位置。

Vue 3 更新了许多组件中的语法，包括生命周期、filter、setup、teleport 等，为了学习这些特性，需要先了解一下 Vue 组件的基本玩法。目前关于Vue3.x的资料较少，为了帮助大家掌握Vue3.x技术，老师通过小案例的方式带领大家熟悉Vue.3x实现头部导航栏应用。

前端， jQuery——固定导航栏 ，若窗口被卷上去的高度大于等于顶部top的高度时让导航栏变成固定定位，定位到距离顶部为0的位置

顶部浮动固定导航条

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章