我计划使用http://alvarotrigo.com/fullPage/中出色的Fullpage.js,但希望在滚动到特定锚点时隐藏特定的div或图像。

例如,如果页面从#home开始并具有3个锚点(全屏部分),则#home,#biog和#email都在每个部分的顶部都带有徽标,例如,我希望#biog中的徽标隐藏(可能带有淡入淡出),但在滚动到下一个锚点时重新显示(也许带有淡入淡出)#email

能做到吗?

谢谢您的帮助...

最佳答案

正确的方法是使用fullPage事件。在这种情况下:afterLoadonLeave
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();
          }
      }
  });

09-10 10:56
查看更多