JSmiles

532 文章 12387 浏览

安装 WP No Category Base 即可,我使用的其他插件可有可无,不影响主题的运行

发到你的邮箱了

afterSlideLoad 用于判断滚动到某个幻灯片的回调函数,用法如下:

$('#fullpage').fullpage({
	anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
	afterSlideLoad: function( anchorLink, index, slideAnchor, slideIndex){
		var loadedSlide = $(this);
		//first slide of the second section
		if(anchorLink == 'secondPage' && slideIndex == 1){
			alert("First slide loaded");
		}
		//second slide of the second section (supposing #secondSlide is the
		//anchor for the second slide
		if(index == 2 && slideIndex == 'secondSlide'){
			alert("Second slide loaded");
		}
	}
});

当鼠标划入的时候,使用setAllowScrolling(false)方法取消掉fullpage的鼠标滑轮监听。当鼠标滑出的时候,重新添加监听器。

$('#demo').mouseover(function(){
	$.fn.fullpage.setAllowScrolling(false);
}).mouseout(function(){
	$.fn.fullpage.setAllowScrolling(true);
})

引用 jquery.slimscroll.min.js 设置 scrollOverflowtrue,如果内容超出了屏幕,就会自动在右边出现拖动滑条。

用回调函数,参照上面第四点说明。

再添加一个动画类:infinite

用JS控制,当鼠标悬停的时候添加对应动画的class

上面的参数里面可以设置滚动效果。

上面不是有HTML的结构么,照着那个写就是了

简介

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

532 文章
15 评论
12387 人气
更多

推荐作者

akufusojubu

文章 0 评论 0

uvuyinon

文章 0 评论 0

ecevagipe

文章 0 评论 0

bifipfasiv

文章 0 评论 0

eatajsut

文章 0 评论 0