手机整屏滑动插件-----fullPage.js------使用

最新推荐文章于 2024-08-08 08:32:23 发布

江木

最新推荐文章于 2024-08-08 08:32:23 发布

阅读量4.7k

点赞数

分类专栏： js 文章标签： js 前端手机插件

本文链接：https://blog.csdn.net/chjj0904/article/details/78562935

版权

本文介绍了如何使用fullPage.js这个基于jQuery的插件来创建全屏滚动效果，尤其适用于手机端。内容包括fullPage.js的中文API方法和回调函数的详细说明，适用于需要首页整屏滑动的项目。

摘要由CSDN通过智能技术生成

如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次

fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，正好最近公司的一个项目用到整屏，并且只要

首页整屏滑动，其他正常滑动；当然还要其他的需求，这里就不唠叨了。

直接上干货-----------

选项	类型	默认值	说明
verticalCentered	字符串	true	内容是否垂直居中
resize	布尔值	false	字体是否随着窗口缩放而缩放
slidesColor	函数	无	设置背景颜色
anchors	数组	无	定义锚链接
scrollingSpeed	整数	700	滚动速度，单位为毫秒
easing	字符串	easeInQuart	滚动动画方式
menu	布尔值	false	绑定菜单，设定的相关属性与 anchors 的值对应后，菜单可以控制滚动
navigation	布尔值	false	是否显示项目导航
navigationPosition	字符串	right