在正向国际项目中，首页中需要实现自适应屏幕大小满屏呈现页面的效果，平时如果实现横竖屏都自适应的情况会出现很多不确定因素，所以在实现此效果时我便寻找了实现满屏效果的相关插件，此页面还有一个不好处理的地方，底部有一个高度很小的地址栏，在滚动鼠标滚轮时需要显示，这里就需要用到fullPage中的fp-auto-height属性了，自动轮播效果可以搭配Full-Screen-Carousel结合使用。
1.fullPage
fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动，支持前进后退和键盘控制，多个回调函数，支持手机、平板触摸事件，支持 CSS3 动画，支持窗口缩放，窗口缩放时自动调整，可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等，其功能比较丰富。
2.Full-Screen-Carousel
Full-Screen-Carousel能够实现满屏自动轮播效果，可以将其放到fullPage的一页中与fullPage结合使用。
上一篇： VSCode及插件推荐推荐
下一篇： APICloud中下拉刷新的实现
