-
配置項(xiàng)4查看全部
-
配置項(xiàng)3查看全部
-
配置項(xiàng)2查看全部
-
配置項(xiàng)1查看全部
-
菜單的生成查看全部
-
一、樣式文件 二、jquery文件 三、easing插件（更多動(dòng)畫(huà)） 四、fullPage文件 （cdnjs線(xiàn)上網(wǎng)站拉?。?查看全部
-
move.js ; http://visionmedia.github.io/move.js/查看全部
-
配置項(xiàng) scrollingSpeed查看全部
-
激活fullpage； cdns：https://cdnjs.com查看全部
-
Move.js 的方法查看全部
-
move.js查看全部
-
回調(diào)函數(shù)：寫(xiě)在配置項(xiàng)的位置處 afterLoad（anchorLink，index） 滾動(dòng)到某一section處，且滾動(dòng)結(jié)束后，會(huì)觸發(fā)一次此回調(diào)函數(shù)，函數(shù)接收anchorLink和index 兩個(gè)參數(shù)，anchorLink是錨鏈接，index是序號(hào)（從1開(kāi)始）。 作用：我們可以根據(jù)anchorLink和index的參數(shù)值的判斷，觸發(fā)相應(yīng)的事件。 實(shí)例：afterLode：function（anchorLink，index）{ console.log（"afterLode:anchorLink"+anchorLink+";index:"+index）;//將兩個(gè)參數(shù)打印出來(lái)，在控制臺(tái)可以看到 } onLeave（index，nextIndex，direction） 在離開(kāi)一個(gè)頁(yè)面時(shí)，會(huì)觸發(fā)一次此回調(diào)函數(shù)，接收index（離開(kāi)時(shí)頁(yè)面的序號(hào)）、nextIndex（滾動(dòng)到的目標(biāo)頁(yè)面的序號(hào)）和direction（滾動(dòng)的方向，有up和down）3個(gè)參數(shù) 通過(guò)return false；可以取消滾動(dòng) afterRender（） 頁(yè)面初始化完成后的回調(diào)函數(shù) afterResize（） 瀏覽器窗口尺寸改變后的回調(diào)函數(shù) afterSlideLode（anchorLink，index，slideAnchor，slideIndex） 滾動(dòng)到某一slide后的回調(diào)函數(shù)，與afterLode類(lèi)似，接收anchorLink、index、slideIndex、direction4個(gè)參數(shù) onSlideLeave（anchorLink，index，slideIndex，direction，nextSlideIndex） 在離開(kāi)一個(gè)slide時(shí)會(huì)觸發(fā)此函數(shù)，與onLeave相似，接收anchorLink、index、slideIndex、direction4個(gè)參數(shù)查看全部
-
fullpage方法的使用： $.fn.fullpage.方法名稱(chēng)() 方法：moveSectionUp() moveSectionDown() moveTo(section,slide):滾動(dòng)到第幾頁(yè)，第幾個(gè)slide，頁(yè)面是從一開(kāi)始，slide是從0開(kāi)始的 moveSlideRight():幻燈片向右滾動(dòng) moveSliadLeft（）：幻燈片向左滾動(dòng) setAutoScrolling（boolean）：動(dòng)態(tài)設(shè)置autoScrolling setLockAnchors(boolean):動(dòng)態(tài)設(shè)置lockAnchor setRecordHistory(boolean):動(dòng)態(tài)設(shè)置recordHistory setScrollingSpeed(milliseconds):動(dòng)態(tài)設(shè)置scrollingspped setAllowScrolling（Boolean，[directions]）:添加或刪除鼠標(biāo)滾輪/滑動(dòng)控制，第一個(gè)參數(shù)表示是否啟用，第二個(gè)為方向：all，up，down，left，right，方向可以取多個(gè)值，用逗號(hào)隔開(kāi) destroy(type):type為空時(shí)，則fullpage特效消失，但HTML樣式，結(jié)構(gòu)仍存在；type為all時(shí)，則頁(yè)面的一切均消失 reBuild（）：重新更新頁(yè)面和尺寸，用于通過(guò)ajax請(qǐng)求后改變了頁(yè)面結(jié)構(gòu)之后，重建效果。 延遲加載圖片及視頻： <img data-src=""> <video> <source data-src="" type=""> </video>(在src之前加data-就可調(diào)用)查看全部
-
配置項(xiàng)： recordHistory： ，是否記錄瀏覽歷史，默認(rèn)為true，可以記錄頁(yè)面滾動(dòng)的歷史，可以通過(guò)瀏覽器的前進(jìn)后退來(lái)導(dǎo)航，如果設(shè)置了autoScrolling：false，則這個(gè)屬性也被關(guān)閉； menu：'#ul的ID名'，(在這之前要先設(shè)置一個(gè)<ul id=""><li data-menuanchor="page1"><a href="#page1">section1</a></li></ul> ps:data-menuanchor以及href的值都是與錨鏈接相對(duì)應(yīng)的) navigation：是否顯示小圓點(diǎn)導(dǎo)航，默認(rèn)為false navigationPosition：，導(dǎo)航小圓點(diǎn)的位置，可設(shè)置為left或者right navigationTooltips：，導(dǎo)航小圓點(diǎn)的提示，與每個(gè)頁(yè)面對(duì)應(yīng)，['','','',''] showActiveTooltip: ,默認(rèn)為false，設(shè)置為true時(shí)，則在小圓點(diǎn)處會(huì)自動(dòng)顯示navigationTooltips的內(nèi)容。 slidesNavigation： ，是否顯示橫向幻燈片的導(dǎo)航，默認(rèn)為false slidesNavPosition： ，幻燈片的導(dǎo)航位置，默認(rèn)為bottom，還可為top scrollOverflow： ，內(nèi)容超過(guò)滿(mǎn)屏后是否顯示滾動(dòng)條，默認(rèn)為false，如果設(shè)置為true，則再引入jquery.slimscroll,這時(shí)拖動(dòng)滾動(dòng)條就會(huì)滾動(dòng)查看，，這個(gè)插件主要用于模擬傳統(tǒng)的瀏覽器滾動(dòng)條 sectionSelector： ，section的選擇器，默認(rèn)為.section； slideSelector： ，slide的選擇器，默認(rèn)為slide查看全部
-
配置項(xiàng)： easing： ，定義頁(yè)面section的滾動(dòng)方式，默認(rèn)為easeInOutCubic，如果修改此項(xiàng)需引入jquery.easings插件或 jquery ui， css3： ，是否使用css3 transforms來(lái)實(shí)現(xiàn)滾動(dòng)效果，默認(rèn)為true，可以提供支持css3的瀏覽器，比如移動(dòng)設(shè)備等的速度 loopTop： ，滾動(dòng)到頂部后是否連續(xù)滾動(dòng)到底部，默認(rèn)為false； loopBottom： ，滾動(dòng)到底部以后是否連續(xù)滾動(dòng)到頂部，默認(rèn)為false； loopHorizontal： ，橫向slide是否循環(huán)滾動(dòng)，默認(rèn)為true； autoScrolling： ，是否使用插件的滾動(dòng)方式，默認(rèn)為true，，如果為false，則會(huì)出現(xiàn)瀏覽器的滾動(dòng)條，將不會(huì)按頁(yè)滾動(dòng)，而是按照滾動(dòng)條的行為來(lái)滾動(dòng)。 scrollBar： ，是否包含滾動(dòng)條，默認(rèn)為false，如果設(shè)置為true，則按頁(yè)滾動(dòng)與滾動(dòng)條滾動(dòng)均有效 paddingTop/paddingBottom: ,設(shè)置每一個(gè)section的頂部和底部的padding，默認(rèn)為0； fixedElements：‘#ID名’，固定的元素，默認(rèn)值為null，需要為其配置一個(gè)jquery選擇器，在頁(yè)面滾動(dòng)的時(shí)候，fixedElements設(shè)置的元素固定不動(dòng)，如果不加這個(gè)屬性，那么你想固定的東西會(huì)被覆蓋掉； keyboardScrolling： ，是否可以使用鍵盤(pán)方向鍵導(dǎo)航，默認(rèn)為true； touchSensitivity： ，在移動(dòng)設(shè)備中滑動(dòng)頁(yè)面的敏感性，默認(rèn)為5，最高為100，越大越難滑動(dòng) continuousVertial: ,是否循環(huán)滾動(dòng)，默認(rèn)為false，如果設(shè)置為true，則頁(yè)面會(huì)循環(huán)滾動(dòng)，但是不會(huì)像loopTop/loopBottom那樣生硬（這個(gè)屬性和兩個(gè)loop不兼容）， animateAnchor：錨鏈接是否可以控制滾動(dòng)動(dòng)畫(huà)，默認(rèn)為true，若設(shè)置為false，則通過(guò)錨鏈接定位到某個(gè)section時(shí)不會(huì)有動(dòng)畫(huà)查看全部
舉報(bào)
0/150
提交
取消