jQuery插件fullPage.js实现全屏滚动效果(jQuery插件开发)

编辑：rootadmin

推荐整理分享jQuery插件fullPage.js实现全屏滚动效果(jQuery插件开发)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jQuery插件库,jQuery插件能输出到控制台,jQuery插件是什么,jQuery插件是什么,jQuery插件下载,jQuery插件使用,jQuery插件安装教程,jquery插件库怎么导入,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法，供大家参考，具体内容如下

0. 基本演示的HTML 布局以及js 代码

0. 插入背景图片演示的HTML 布局以及js 代码 <需要链接的文件都是一样的>

0. 循环演示 html 布局以及js代码 <需要链接的文件都是一样的>

0. 回调函数演示

0. 绑定菜单方法

0. 项目导航演示

0. 自动循环滚动

0. 设置横屏的自动播放

0. 判断当前浏览器的宽度小于多少的时候关闭滚动

fullPage.js 是 jQuery 的一个插件，主要功能是制作出全屏网站 fullPage插件的兼容性是兼容IE7浏览器往上其余主流浏览器就不描叙了 fullpage插件支持以下操作

1、插件可以使用鼠标滑轮进行滚动

2、当竖屏的时候支持键盘的上下箭头滚动横屏对照可以使用的是左右箭头

3、能使用多个回调函数制作出动画效果但是需要涉及到jQuery ui的插件连接<在下面有>

4、fullPage 同样也是支持触摸事件如可触摸式笔记本平板手机

5、能在属性操作时使用css3动画但是要注意 css3的兼容性

6、能够自适应屏幕的大小

7、可以设置页面的滚动宽度以及背景颜色是否循环播放可以时候回调函数文本可以设置样式

使用 fullPage中我引用的文件具体如下所示 <必须注意链接顺序先css文件再jQuery 1.8.3版本的然后才是 jQuer ul 或者是 fullPage插件> 注意！所需链接文件可像我留言索要也可寻找自行下载

配置

1、选项

2、方法

3、回调函数

本文链接地址:https://www.jiuchutong.com/biancheng/376285.html 转载请保留说明！