-
fullpage查看全部
-
jquery的插件--查看全部
-
move.js查看全部
-
xioagui查看全部
-
pullpage配置項(xiàng)查看全部
-
1.判斷索引值滾動(dòng)到某一section，且滾動(dòng)結(jié)束后觸發(fā)動(dòng)畫效果 2.使用move.js來實(shí)現(xiàn)動(dòng)畫效果查看全部
-
接前面查看全部
-
我最喜歡這個(gè)地方查看全部
-
重點(diǎn)??！查看全部
-
fullpage方法的使用： $.fn.fullpage.方法名稱() 例如$.fn.fullpage.moveSectionUp() 方法： moveSectionUp() moveSectionDown() moveTo(section,slide):滾動(dòng)到第幾頁，第幾個(gè)slide，頁面是從一開始，slide是從0開始的 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)隔開 destroy(type):type為空時(shí)，則fullpage特效消失，但HTML樣式，結(jié)構(gòu)仍存在；type為all時(shí)，則頁面的一切均消失 reBuild（）：重新更新頁面和尺寸，用于通過ajax請(qǐng)求后改變了頁面結(jié)構(gòu)之后，重建效果。 延遲加載圖片及視頻： <img data-src=""> <video> <source data-src="" type=""> </video>(在src之前加data-就可調(diào)用)查看全部
-
配置項(xiàng)： recordHistory： ，是否記錄瀏覽歷史，默認(rèn)為true，可以記錄頁面滾動(dòng)的歷史，可以通過瀏覽器的前進(jìn)后退來導(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)的) [拓展：可以配合ul>li>a制作定制版導(dǎo)航] navigation：是否顯示小圓點(diǎn)導(dǎo)航，默認(rèn)為false navigationPosition：，導(dǎo)航小圓點(diǎn)的位置，可設(shè)置為left或者right navigationTooltips：，導(dǎo)航小圓點(diǎn)的提示，與每個(gè)頁面對(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)容超過滿屏后是否顯示滾動(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)： 在fullpage（{ sectionsColor:['','','',''],//分別為各個(gè)section設(shè)置背景顏色 controlArrows： ，默認(rèn)為true，定義是否通過箭頭來控制slide vertical： ，默認(rèn)為true，每一頁的內(nèi)容是否垂直居中； resize： ，默認(rèn)為false，字體是否隨著窗口縮放而縮放； scrollingSpeed： ，滾動(dòng)速度，單位為毫秒，默認(rèn)為700； anchors：['page1','','',''],定義錨鏈接，使每個(gè)section在地址欄有不同地址，便于直接找到某一section lockAnchors: ,默認(rèn)為false，若為true，則所添加的anchors不會(huì)自動(dòng)在地址欄生效，需手動(dòng)在地址欄地址后面加上自己的命名 }）；查看全部
-
激活fullpage效果 <script type="text/javascript"> $(document).ready(function(){ $("#fullpage").fullpage(); }); </script>查看全部
-
slimscroll查看全部
-
continuousVertiacl:page間循環(huán)滾動(dòng)查看全部
舉報(bào)
0/150
提交
取消