在正向國際項目中，首頁中需要實現自適應屏幕大小滿屏呈現頁面的效果，平時如果實現橫豎屏都自適應的情況會出現很多不確定因素，所以在實現此效果時我便尋找了實現滿屏效果的相關插件，此頁面還有一個不好處理的地方，底部有一個高度很小的地址欄，在滾動鼠標滾輪時需要顯示，這里就需要用到fullPage中的fp-auto-height屬性了，自動輪播效果可以搭配Full-Screen-Carousel結合使用。
1.fullPage
fullPage.js 是一個基于 jQuery 的插件，它能夠很方便、很輕松的制作出全屏網站，主要功能有：支持鼠標滾動，支持前進后退和鍵盤控制，多個回調函數，支持手機、平板觸摸事件，支持 CSS3 動畫，支持窗口縮放，窗口縮放時自動調整，可設置滾動寬度、背景顏色、滾動速度、循環選項、回調、文本對齊方式等等，其功能比較豐富。
2.Full-Screen-Carousel
Full-Screen-Carousel能夠實現滿屏自動輪播效果，可以將其放到fullPage的一頁中與fullPage結合使用。
上一篇： VSCode及插件推薦推薦
下一篇： APICloud中下拉刷新的實現
