需要引入三個檔案jquery.fullpage.js；jquery.js；jquert.fullpage.css；
設定乙個外層div標籤，然後設定id為
fullpage
。然後設定在fullpage標籤內設定幾個
div標籤，
class
設定為section
。表示每一屏。
在class為
select
的div
標籤中設定
class
為slide
的div
標籤來表示每一層的幻燈片。
使用script標籤並在裡邊寫入**
$(document).ready(function(){
$(「#fullpage」).fullpage();
需要在fullpage中對網頁效果進行配置
.$(「#fullpage」).fullpage({
//需要配置的內容
sectionscolor:[「顏色」,」顏色」,」顏色」]; //用於給每一屏配置背景顏色
;controlarrows:true/false; //用來設定是否可以用箭頭控制幻燈片，預設
true;
verticalcentered:true/false; //用來設定每一頁的內容是否垂直居中；
resize:字型是否隨視窗縮放
;scrollingspeed: 設定滾動速度，預設單位為毫秒，預設
700；
anchors:定義錨鏈結，預設
,舉例子：
[『page1』,』page2』,』page3』];//不要和任意得id和
name
相同可通過位址改變螢幕位置.
lockanchors:是否鎖定錨鏈結，也就是讓
anchors
屬性失效
;也可以給某屏新增class為
active
來設定預設螢幕
;easing:定義
select
的滾動的動畫方式，預設為
easeinoutcubic
，如果要修改此項，需要引入
jquery.easings;
css3:是否使用
css3
的transform
來實現滾動效果，預設為
true;
jQuery全屏滾動外掛程式fullPage使用
1.引入jquery.js和jquery.fullpage.min.js 2.書寫html div id dowebok div class section section1 h3 第一屏 h3 p fullpage.js 函式演示 p div div class section section2 ...
外掛程式 滾動外掛程式slimScroll
jquery slimscroll外掛程式是乙個支援把內容放在乙個盒子裡面，固定乙個高度，超出的則使用滾動。該外掛程式挺好的。不過不支援resize的時候重新呼叫外掛程式，有乙個貢獻者已經修改過原始碼，不過作者並沒有加進去。我已經把專案的壓縮也改過來了。使用 function setscroll s...
螢幕滾動控制項Scrollview
scrollview有幾個主要的屬性 contentsize scrollview中內容檢視的大小，返回cgsize結構體型別，包含width和height2個成員 contentinset 用於在scrollview中的內容檢視周圍新增邊框，往往是為了留出空白以放置工具欄 標籤欄 或導航欄 con...