在执行任何其他操作之前添加锚点击代码

时间:2015-08-07 16:21:31

标签: javascript jquery html fullpage.js

我正在使用fullPage插件开发和应用程序,我有以下问题: 如果用户向下滚动,我想跳过一个部分,但如果用户点击了指向此部分的锚链接,则不跳过它。

fullPage插件提供了一个事件,用于检测用户何时滚动到该div,但是当用户单击锚点而不是滚动时,此事件也会触发。所以我想我可以创建一个全局变量来存储,如果用户已经点击了锚点,那么我可以检测是否跳过它。(如果他至少点击过一次,那就不要跳过这一部分了。滚动)

所以问题是,如何确保在用户单击锚点时修改此全局变量,但插件事件被触发之前?(当用户点击锚点时它会被触发) )

非常感谢你的帮助。

编辑: 我用这种方式做了一个简单的点击事件功能:

  $('#fullpage').fullpage({
    paddingTop: '70px',
    paddingBottom: '50px',
    scrollOverflow: true,
    anchors:['home', 'estudio', 'portfolio', 'show-portfolio', 'servicios'],
    onLeave: function(index, nextIndex, direction){
      var leavingSection = $(this);
      console.log(leavingSection);

      if(index == 3 && direction =='down' && shouldSkip){
        alert("Should skip going down");
      }

      else if(index == 5 && direction == 'up' && shouldSkip){
        alert("Should skip going top");
      }
    },
  });

它似乎正在工作,但是我需要确保在之前总是会被触发,而这个事件会触发此事件。

只是为了添加更多信息,我在这个函数中添加了插件初始化。我提到了。

{{1}}

0 个答案:

没有答案