4 回答

TA貢獻(xiàn)13條經(jīng)驗(yàn) 獲得超3個贊
fixedElements:固定元素,默認(rèn)為null,需要配置一個jquery選擇器,在頁面滾動時,其設(shè)置的元素固定不動,也就是說他不會隨頁面的滾動而滾動。
? ? ? ? ? ? ? fixedElements:'#header', ? ? 如果不設(shè)置,header會被覆蓋掉,并且看不到
paddingTop/paddingBottom:設(shè)置每一個section頂部和底部的padding,默認(rèn)為0;paddingTop/paddingBottom:0,
? ? ? ? ? ? ? ?一般如果我們需要設(shè)置一個固定在頂部或者底部的菜單、導(dǎo)航、元素等,可以使用這兩個配置項
menu:綁定菜單。設(shè)定的相關(guān)屬性與anchors的值對應(yīng)后,菜單可以控制滾動,默認(rèn)為false,可以設(shè)置為菜單的jquery選擇器
? ? ? ? ? ? ? <ul id="fullpageMenu"> ?<!-- 設(shè)置菜單第一步: 用ul標(biāo)簽寫,并且設(shè)置id名為fullpageMenu-->
? ? ? ? ? ? ? <!--菜單第二步: <a href="#page1"></a>菜單的鏈接指向每一個錨鏈接,也就是說和每一個section
? ? ? ? ? ? ?【anchors:['page1','page2','page3','page4'],】里面的錨鏈接的設(shè)置是一一對應(yīng)的 -->
? ? ? ? ? ? ?<!--菜單第三步: 還需設(shè)置data-menuanchor="page1"這樣一個屬性,他也和下面每一個section中設(shè)置的錨鏈接一一對應(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>
添加回答
舉報