九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

jQuery全屏滾動插件fullPage.js中文幫助文檔API2014-12-03發(fā)現了一個fullPage.js插件，于是百度了一下，還就是這個插件的作用，其實有很多網站都做了全屏滾動的特效，效果也很好看，今天就給大家說說fullPage.js的使用方法和設置。

簡介fullPage.js是一個基于jQuery的全屏滾動插件，它能夠很方便、很輕松的制作出全屏網站主要功能支持鼠標滾動支持前進后退和鍵盤控制多個回調函數支持手機、平板觸摸事件支持 CSS3 動畫支持窗口縮放窗口縮放時自動調整可設置滾動寬度、背景顏色、滾動速度、循環(huán)選項、回調、文本對齊方式等等兼容性fullPage.js 支持 IE8+ 及其他現代瀏覽器。使用方法1、引入文件<link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/jquery.min.js"></script><script src="js/jquery-ui.min.js"></script><script src="js/jquery.fullPage.js"></script>2、HTML1.整版的幻燈片放映<div id="fullpage"> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div></div>2.如果你想定義一個不同的出發(fā)點，而不是一段或一部分的第一個幻燈片，只需添加active section類，并放在你想加載幻燈片位置前，<div class="section active">Some section</div>3.為了在一個幻燈片區(qū)域內創(chuàng)造另外橫向幻燈片，每個幻燈片將定義另一個div<div class="section"> <div class="slide"> Slide 1 </div> <div class="slide"> Slide 2 </div> <div class="slide"> Slide 3 </div> <div class="slide"> Slide 4 </div></div>You can see a fully working example of the HTML structure in thedemoPage.html file.3、JavaScript$(document).ready(function() {$.fn.fullpage({slidesColor: [''#1bbc9b'', ''#4BBFC3'', ''#7BAABE'', ''#f90''],anchors: [''page1'', ''page2'', ''page3'', ''page4'']});});經測試，最好至少有 anchors 這個參數，否則在火狐瀏覽器中，第一次滾動會直接滾到底部。配置1、選項選項類型默認值說明verticalCentered字符串true內容是否垂直居中resize布爾值false字體是否隨著窗口縮放而縮放slidesColor函數無設置背景顏色anchors數組無定義錨鏈接scrollingSpeed整數700滾動速度，單位為毫秒easing字符串easeInQuart滾動動畫方式menu布爾值false綁定菜單，設定的相關屬性與 anchors 的值對應后，菜單可以控制滾動navigation布爾值false是否顯示項目導航navigationPosition字符串right項目導航的位置，可選 left 或 rightnavigationColor字符串#000項目導航的顏色navigationTooltips數組空項目導航的 tipslidesNavigation布爾值false是否顯示左右滑塊的項目導航slidesNavPosition字符串bottom左右滑塊的項目導航的位置，可選 top 或 bottomcontrolArrowColor字符串#fff左右滑塊的箭頭的背景顏色loopBottom布爾值false滾動到最底部后是否滾回頂部loopTop布爾值false滾動到最頂部后是否滾底部loopHorizontal布爾值true左右滑塊是否循環(huán)滑動autoScrolling布爾值true是否使用插件的滾動方式，如果選擇 false，則會出現瀏覽器自帶的滾動條scrollOverflow布爾值false內容超過滿屏后是否顯示滾動條css3布爾值false是否使用 CSS3 transforms 滾動paddingTop字符串0與頂部的距離paddingBottom字符串0與底部距離fixedElements字符串無normalScrollElements無keyboardScrolling布爾值true是否使用鍵盤方向鍵導航touchSensitivity整數5continuousVertical布爾值false是否循環(huán)滾動，與 loopTop 及 loopBottom 不兼容animateAnchor布爾值truenormalScrollElementTouchThreshold整數52、方法名稱說明moveSectionUp()向上滾動moveSectionDown()向下滾動moveTo(section, slide)滾動到moveSlideRight()slide 向右滾動moveSlideLeft()slide 向左滾動setAutoScrolling()設置頁面滾動方式，設置為 true 時自動滾動setAllowScrolling()添加或刪除鼠標滾輪/觸控板控制setKeyboardScrolling()添加或刪除鍵盤方向鍵控制setScrollingSpeed()定義以毫秒為單位的滾動速度3、回調函數名稱說明afterLoad滾動到某一屏后的回調函數，接收 anchorLink 和 index 兩個參數，anchorLink 是錨鏈接的名稱，index 是序號，從1開始計算onLeave滾動前的回調函數，接收 index、nextIndex 和 direction 3個參數：index 是離開的“頁面”的序號，從1開始計算；nextIndex 是滾動到的“頁面”的序號，從1開始計算；direction 判斷往上滾動還是往下滾動，值是 up 或 down。afterRender頁面結構生成后的回調函數，或者說頁面初始化完成后的回調函數afterSlideLoad滾動到某一水平滑塊后的回調函數，與 afterLoad 類似，接收 anchorLink、index、slideIndex、direction 4個參數onSlideLeave某一水平滑塊滾動前的回調函數，與 onLeave 類似，接收 anchorLink、index、slideIndex、direction 4個參數