井井客

搜索

fullPage.js回调函数有大用!

有些时间没怎么做PC端的东西,这次又用到fullPage这个全屏插件了,而这次除了用到基本功能还用到了它的回调函数,可以监听滚动条事件,更精确的说是监听当前page的事件。

fullPage.js回调函数有大用!

在使用fullPage.js,可能你会发现,怎么监听滚动条事件不成功?实际上你仔细注意就会发现,屏幕根本没有滚动条这个东西唉。
那么在想使用fullPage的时候同时监听滚动条事件怎么办,这就用到了fullPage.js本身就提供的回调函数了。

这个链接里面有比较详细的例子:http://www.uedsc.com/fullpage.html

虽然说可以监听滚动事件,但是它本身与滚动条事件还是有点点区别的,这个需要你自己动手试试才能更清楚。

下面贴个我这次用到的代码,需求是当从第一屏离开时执行一段代码,当回到第一屏时执行另一段代码:

	$('#fullPage').fullpage({
		anchors: ['page1', 'page2', 'page3'],
		menu:'.menu',
		onLeave:function(index,direction){
			if(index == 1){
				$('body').prepend($('.header'));
			}else if(direction == 1){
				$('.section01').prepend($('.header'));
			}
		}
	})

怎么样,代码是不是很简单呢?

不过万恶的IE低版本对fullPage会有那点些不尽如人意啦。。。

文章TAG:工具

作者:井井客原创来源:原创
本文标题:fullPage.js回调函数有大用!
本文链接:http://www.jingjingke.com/c/23158.html

上一篇:JS加密解密库crypto-js
下一篇:去除表单元素默认样式

文章分类

相关阅读

随便看看