-
配置項(xiàng) 3、設(shè)置每一頁(yè)內(nèi)容是否垂直居中 4、設(shè)置字體是否隨窗口縮放而縮放查看全部
-
配置項(xiàng) 1、設(shè)置每一個(gè)section的背景色 2、設(shè)置是否顯示箭頭來控制幻燈片查看全部
-
FullPage.js需要引入的文件查看全部
-
444444查看全部
-
(1) sectionsColor(為section設(shè)置background-color屬性) (2)controlArrows(定義是否通過箭頭來控制slide幻燈片,默認(rèn)為true 在移動(dòng)設(shè)上我們可以通過滑動(dòng)來冬至幻燈片) (3)verticalCentered(每一頁(yè)的內(nèi)容是否垂直居中,默認(rèn)值為true) (4)resize(字體是否隨著窗口縮放而縮放,默認(rèn)值為false) (5)scrollingSpeed(設(shè)置滾動(dòng)速度,單位毫秒,默認(rèn)為700) (6)anchors(定義錨鏈接,默認(rèn)值為[]) 注意:定義錨鏈接的時(shí)候,值不要和頁(yè)面中任意的id或name相同,尤其是在IE瀏覽器下。而且定義時(shí),不需要加# http://localhost:63342/%E5%85%A8%E5%B1%8F%E6%BB%9A%E5%8A%A8/index.html?_ijt=8q8capp9fv3j7pqlps9q4nkipj#page1 地址欄上的地址多了#page1,方便用戶搜藏鏈接,然后快速打開 (7)lockAnchors(是否鎖定錨鏈接,默認(rèn)為false) 注意:如果設(shè)置為true,那么定義的錨鏈接,也就是anchors屬性則沒有效果。 (8)添加active類,頁(yè)面打開時(shí),選定當(dāng)前頁(yè)面 如:<div class="slide active">幻燈片2</div> <div class="section active"><h1>這是第3屏</h1></div>查看全部
-
autoScrolling 是否使用插件的滾動(dòng)方式,默認(rèn)為true,如果選擇false,則會(huì)出現(xiàn)瀏覽器再帶的滾動(dòng)條,將不會(huì)按照頁(yè)面滾動(dòng),而是按照滾動(dòng)條的默認(rèn)行為滾動(dòng)。 scrollBar: 是否包含滾動(dòng)條,默認(rèn)為false,如果設(shè)置為true,則瀏覽器自帶的滾動(dòng)條出現(xiàn),頁(yè)面滾動(dòng)時(shí)還是按照頁(yè)面的滾動(dòng),但是滾動(dòng)條的默認(rèn)行為也是有效果的 paddingTop/paddingBottom查看全部
-
loopTop滾動(dòng)到最頂部后是否連續(xù)滾動(dòng)到底部,默認(rèn)為false loopBottom:滾動(dòng)到最底部后是否連續(xù)滾動(dòng)到頂部,默認(rèn)為false loopHorizontal: 橫向slider幻燈片是否循環(huán)滾動(dòng),默認(rèn)為true。查看全部
-
scrollingSpeed: 滾動(dòng)速度單位為毫秒,默認(rèn)為700查看全部
-
verticalCentered:每一頁(yè)的內(nèi)容是否垂直居中,默認(rèn)為true。 resize:字體是否隨著窗口縮放而縮放,默認(rèn)為false查看全部
-
菜單的無序列表,data-menuanchor查看全部
-
配置項(xiàng)anchors/lockAnchors查看全部
-
配置項(xiàng)verticalCentered/resize/scrollingSpeed查看全部
-
配置項(xiàng)sectionsColor/controlArrows查看全部
-
fullPagejs功能查看全部
-
回調(diào) .afterLoad(anchorLink,index) 滾動(dòng)到某一section,且滾動(dòng)結(jié)束后,會(huì)觸發(fā)一次此回調(diào)函數(shù),函數(shù)接受anchorLink和index兩個(gè)參數(shù),anchorLink是錨鏈接的名稱,index是序號(hào),從1開始計(jì)算。 我們可以根據(jù)anchorLink和index參數(shù)值的判斷,觸發(fā)相應(yīng)的事件。 .onleave(index,nextIndex,direction) 在我們離開一個(gè)section時(shí),會(huì)觸發(fā)一次此回調(diào)函數(shù),接受index、nextIndex和direction 3個(gè)參數(shù): index是離開的“頁(yè)面”的序號(hào),從1開始計(jì)算; nextIndex是滾動(dòng)到的目標(biāo)“頁(yè)面”的序號(hào),從1開始計(jì)算; direction判斷往上滾動(dòng)還是往下滾動(dòng),值是up或down。 通過return false;可以取消滾動(dòng) .afterRender() 頁(yè)面結(jié)構(gòu)生成后的回調(diào)函數(shù),或者說頁(yè)面初始化完成后的回調(diào)函數(shù)。 .afterResize() 瀏覽器窗口尺寸改變后的回調(diào)函數(shù) .afterSlideLoad(anchorLink,index,slideAnchor,slideIndex) 滾動(dòng)到某一幻燈片后的回調(diào)函數(shù),與afterLoad類似,接受anchorLink、index、slidIndex、direction4個(gè)參數(shù)。 .onSlideLeave(anchorLink,index,slideIndex,direction,nextSlideIndex) 在我們離開一個(gè)slide時(shí),會(huì)觸發(fā)一次此回調(diào)函數(shù),與onLeave類似,接收anchorLink、index、slideIndex、direction4個(gè)參數(shù)查看全部
舉報(bào)
0/150
提交
取消