在正向國(guó)際項(xiàng)目中，首頁(yè)中需要實(shí)現(xiàn)自適應(yīng)屏幕大小滿屏呈現(xiàn)頁(yè)面的效果，平時(shí)如果實(shí)現(xiàn)橫豎屏都自適應(yīng)的情況會(huì)出現(xiàn)很多不確定因素，所以在實(shí)現(xiàn)此效果時(shí)我便尋找了實(shí)現(xiàn)滿屏效果的相關(guān)插件，此頁(yè)面還有一個(gè)不好處理的地方，底部有一個(gè)高度很小的地址欄，在滾動(dòng)鼠標(biāo)滾輪時(shí)需要顯示，這里就需要用到fullPage中的fp-auto-height屬性了，自動(dòng)輪播效果可以搭配Full-Screen-Carousel結(jié)合使用。

1.fullPage

fullPage.js 是一個(gè)基于 jQuery 的插件，它能夠很方便、很輕松的制作出全屏網(wǎng)站，主要功能有：支持鼠標(biāo)滾動(dòng)，支持前進(jìn)后退和鍵盤控制，多個(gè)回調(diào)函數(shù)，支持手機(jī)、平板觸摸事件，支持 CSS3 動(dòng)畫(huà)，支持窗口縮放，窗口縮放時(shí)自動(dòng)調(diào)整，可設(shè)置滾動(dòng)寬度、背景顏色、滾動(dòng)速度、循環(huán)選項(xiàng)、回調(diào)、文本對(duì)齊方式等等，其功能比較豐富。

2.Full-Screen-Carousel

Full-Screen-Carousel能夠?qū)崿F(xiàn)滿屏自動(dòng)輪播效果，可以將其放到fullPage的一頁(yè)中與fullPage結(jié)合使用。