fullscreenJS moveTo方法不正确查看

Question

我在旁边项目中使用FullscreenJS，但我在使用提供的moveTo方法时遇到了问题。

moveTo正在开火，锚点显示正确的幻灯片，但视图没有变化，它仍然在第一部分。

 $.fn.fullpage.moveTo('firstSlides');

 anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'firstSlides'],

完整定义。

 $('#fullpage').fullpage({
        navigation: true,
        navigationPosition: 'right',
        navigationTooltips: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'Portfolio'],
        showActiveTooltip: true,
        sectionsColor: ['black', 'black', 'black', 'black', 'blue'],
        anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'firstSlides'],
        afterLoad: function(anchorLink, index) {
          if (whichBoxIsOpen == 'third') {
            console.log(whichBoxIsOpen);
            $.fn.fullpage.moveTo('firstSlides');
          }
        }
      });

可以找到整页here，要测试，请选择投资组合＆＃39;这是第三个框，注意视图没有移动到幻灯片。

更新 - 添加图片

Answer 1

Rkhayat，

我设法将你的屏幕放在一个地方，但它看起来很像你的TweenMax.to($fullScreenOne)有点乱。这个Codepen包含我的更改。我会继续在这里玩。

Answer 2

this 您期望的那种结果？基本上，我认为您所需要的只是setTimeout回调中的afterLoad {/ p}}。

<强> JavaScript的：

...
afterLoad: function(anchorLink, index) {
  if (whichBoxIsOpen == 'third') {
    setTimeout(function() {
      $.fn.fullpage.moveTo('firstSlides');
    }, 1000);
  }
}
...

让我知道这是否有效。