国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

header導航菜單固定 當頁面往下拉時固定導航

2024-07-11 08:50:38
字體:
來源:轉載
供稿:網友
最近開發的一個網站頭部分為上下兩塊,上面是快捷入口部分,下面是導航菜單部分。現在的需求是當頁面往下拉時,快捷入口部分被遮住,而導航菜單固定,而且處于window最上面。在StackOverflow網站上搜集過資料,并且參照網站http://ilikecss.com/web-design/examples/framework/20110928/的源代碼,發現實現該功能的關鍵步驟有兩點,第一點是需要創建兩個header,一個是固定的導航菜單欄,一個是常規的頭部(包括快捷入口部分和導航菜單)。另外一點是需要設置z-index的值(對于非static的position來說,z-index越大,它離用戶也就越近,這樣就可以在初始時遮住固定部分的導航菜單,而當頁面往下拉時,隨著常規菜單被遮住,固定部分也就浮出來了。)

具體效果請轉往jsfiddle網站:http://jsfiddle.net/tounaobun/AnTQU/
下面是具體代碼:

復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 自贡市| 克什克腾旗| 福州市| 开封市| 项城市| 龙里县| 望城县| 来安县| 襄樊市| 平乐县| 鹤山市| 电白县| 寻甸| 乌拉特中旗| 建瓯市| 安义县| 禹城市| 迭部县| 黑河市| 高要市| 萨嘎县| 垫江县| 通城县| 甘泉县| 巢湖市| 武宣县| 荃湾区| 泰兴市| 宁夏| 五河县| 万源市| 清原| 同仁县| 育儿| 巧家县| 余干县| 达拉特旗| 综艺| 新竹县| 岳池县| 卫辉市|