如何在fullpage??里用fixde讓導(dǎo)航欄固定在頂部?還要加什么代碼
就比如echerts??3.0的?首頁的導(dǎo)航欄??fixde不能固定到瀏覽器上方?還要加一句什么我忘了。。??求解
4 回答
陳小窩
TA貢獻(xiàn)13條經(jīng)驗(yàn) 獲得超3個(gè)贊
fixedElements:固定元素，默認(rèn)為null，需要配置一個(gè)jquery選擇器，在頁面滾動(dòng)時(shí)，其設(shè)置的元素固定不動(dòng)，也就是說他不會(huì)隨頁面的滾動(dòng)而滾動(dòng)。
? ? ? ? ? ? ? fixedElements:'#header', ? ? 如果不設(shè)置，header會(huì)被覆蓋掉，并且看不到
paddingTop/paddingBottom:設(shè)置每一個(gè)section頂部和底部的padding，默認(rèn)為0；paddingTop/paddingBottom:0,
? ? ? ? ? ? ? ?一般如果我們需要設(shè)置一個(gè)固定在頂部或者底部的菜單、導(dǎo)航、元素等，可以使用這兩個(gè)配置項(xiàng)
menu:綁定菜單。設(shè)定的相關(guān)屬性與anchors的值對(duì)應(yīng)后，菜單可以控制滾動(dòng)，默認(rèn)為false,可以設(shè)置為菜單的jquery選擇器
? ? ? ? ? ? ? <ul id="fullpageMenu"> ?<!-- 設(shè)置菜單第一步： 用ul標(biāo)簽寫,并且設(shè)置id名為fullpageMenu-->
? ? ? ? ? ? ? <!--菜單第二步： <a href="#page1"></a>菜單的鏈接指向每一個(gè)錨鏈接，也就是說和每一個(gè)section
? ? ? ? ? ? ?【anchors:['page1','page2','page3','page4'],】里面的錨鏈接的設(shè)置是一一對(duì)應(yīng)的 -->
? ? ? ? ? ? ?<!--菜單第三步： 還需設(shè)置data-menuanchor="page1"這樣一個(gè)屬性，他也和下面每一個(gè)section中設(shè)置的錨鏈接一一對(duì)應(yīng)
? ? ? ? ? ? 【anchors:['page1','page2','page3','page4'],】 -->
? ? ? ? ? ? ?<li data-menuanchor="page1" class="active"><a href="#page1">首頁第一屏</a></li>
? ? ? ? ? ? ?<li data-menuanchor="page2"><a href="#page2">第二屏</a></li>
? ? ? ? ? ? ?<li data-menuanchor="page3"><a href="#page3">第三屏</a></li>
? ? ? ? ? ? ?<li data-menuanchor="page4"><a href="#page4">第四屏</a></li>
? ? ? ? ? ? ?</ul>
-
慕粉3312195不對(duì)啊 是一句其他的代碼 我在慕課網(wǎng)上的一節(jié)課 偶然看到的 現(xiàn)在突然忘了 fullpage網(wǎng)頁上的定位和 其他網(wǎng)頁的地方不一樣 我覺得
添加回答
舉報(bào)
0/150
提交
取消