新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
fullPage教程--整屏滾動(dòng)效果插件fullpage詳解-創(chuàng)新互聯(lián)
1、引用文件[html] view plain copy print?在CODE上查看代碼片派生到我的代碼片 2、html部分[html] view plain copy print?在CODE上查看代碼片派生到我的代碼片第一屏第二屏第三屏的第一屏第三屏的第二屏第三屏的第三屏第三屏的第四屏第四屏3、使用方法[javascript] view plain copy print?在CODE上查看代碼片派生到我的代碼片 $(document).ready(function() { $.fn.fullpage({ slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'], anchors: ['page1', 'page2', 'page3', 'page4'] }); });
4、詳細(xì)options參數(shù) 參數(shù) 類型 說明 默認(rèn)值 verticalCentered 字符串 內(nèi)容是否垂直居中 true resize 布爾值 字體是否隨著窗口縮放而縮放 false slidesColor 函數(shù) 設(shè)置背景顏色,如: 無 anchors 數(shù)組 定義錨鏈接 無 scrollingSpeed 整數(shù) 滾動(dòng)速度,單位為毫秒 700 easing 字符串 滾動(dòng)動(dòng)畫方式 easeInQuart menu 布爾值 綁定菜單,設(shè)定的相關(guān)屬性與 anchors 的值對(duì)應(yīng)后,菜單可以控制滾動(dòng) false navigation 布爾值 是否顯示項(xiàng)目導(dǎo)航 false navigationPosition 字符串 項(xiàng)目導(dǎo)航的位置,可選 left 或 right right navigationColor 字符串 項(xiàng)目導(dǎo)航的顏色 #000 navigationTooltips 數(shù)組 項(xiàng)目導(dǎo)航的 tip 無 slidesNavigation 布爾值 是否顯示左右滑塊的項(xiàng)目導(dǎo)航 false slidesNavPosition 字符串 左右滑塊的項(xiàng)目導(dǎo)航的位置,可選 top 或 bottom bottom controlArrowColor 字符串 左右滑塊的箭頭的背景顏色 #fff loopBottom 布爾值 滾動(dòng)到最底部后是否滾回頂部 false loopTop 布爾值 滾動(dòng)到最頂部后是否滾底部 false loopHorizontal 布爾值 左右滑塊是否循環(huán)滑動(dòng) true autoScrolling 布爾值 是否使用插件的滾動(dòng)方式,如果選擇 false,則會(huì)出現(xiàn)瀏覽器自帶的滾動(dòng)條 true scrollOverflow 布爾值 內(nèi)容超過滿屏后是否顯示滾動(dòng)條 false css3 布爾值 是否使用 JavaScript 或 CSS3 transforms 滾動(dòng) false paddingTop 字符串 與頂部的距離 0 paddingBottom 字符串 與底部距離 0 fixedElements 字符串 無 normalScrollElements 無 afterLoad 函數(shù) 滾動(dòng)到某一屏后的回調(diào)函數(shù),接收 anchorLink 和 index 兩個(gè)參數(shù),anchorLink 是錨鏈接的名稱,index 是序號(hào),從1開始計(jì)算 無 onLeave 函數(shù) 滾動(dòng)前的回調(diào)函數(shù),接收 index 和 direction 兩個(gè)參數(shù),index 是序號(hào),從1開始計(jì)算,direction 判斷往上滾動(dòng)還是往下滾動(dòng) 無 afterRender 函數(shù) 頁面結(jié)構(gòu)生成后的回調(diào)函數(shù),或者說頁面初始化完成后的回調(diào)函數(shù) 無 afterSlideLoad 函數(shù) 滾動(dòng)到某一水平滑塊后的回調(diào)函數(shù),與 afterLoad 類似,接收 anchorLink、index、slideIndex、direction 4個(gè)參數(shù) 無 onSlideLeave 函數(shù) 某一水平滑塊滾動(dòng)前的回調(diào)函數(shù),與 onLeave 類似,接收 anchorLink、index、slideIndex、direction 4個(gè)參數(shù)
本文為 H5EDU 機(jī)構(gòu)官方 HTML5培訓(xùn) 教程,主要介紹:fullPage教程 -- 整屏滾動(dòng)效果插件 fullpage詳解
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前標(biāo)題:fullPage教程--整屏滾動(dòng)效果插件fullpage詳解-創(chuàng)新互聯(lián)
文章路徑:http://fisionsoft.com.cn/article/espjd.html