实例首页
自学教程
IT工具箱
源代码
下载代码
左右布局
点击运行 >
Foundation 实例 导航栏绝对定位
导航栏绝对定位
滚动时固定导航栏。
我们可以将导航栏放在
<div class="sticky">
内来设置导航栏的绝对定位,当滚动条滚到到该区域时,该导航栏就像固定导航栏一样在顶部不动:
WebSiteName
Menu
Home
Page 1
Page 2
Page 3
Some text to enable scrolling
Some text to enable scrolling
Some text to enable scrolling
Some text to enable scrolling
Some text to enable scrolling
Some text to enable scrolling
Some text to enable scrolling
运行结果: