我计划使用http://alvarotrigo.com/fullPage/中出色的Fullpage.js,但希望在滚动到特定锚点时隐藏特定的div或图像。
例如,如果页面从#home开始并具有3个锚点(全屏部分),则#home,#biog和#email都在每个部分的顶部都带有徽标,例如,我希望#biog中的徽标隐藏(可能带有淡入淡出),但在滚动到下一个锚点时重新显示(也许带有淡入淡出)#email
能做到吗?
谢谢您的帮助...
最佳答案
正确的方法是使用fullPage事件。在这种情况下:afterLoad
或onLeave
Take a look at the documentation有关如何使用它们的更多信息。
您可以看一下这个生动的示例,其中顶部菜单根据用户是否在第一部分而淡入或淡出:
http://jsfiddle.net/J8hqM/8/
它应该看起来像:
// Script FullPage
$.fn.fullpage({
/* whatever config you have...*/
afterLoad: function(anchor, index){
if(index == 1){
$('#menu').fadeOut();
}else{
$('#menu').fadeIn();
}
}
});