fullpage.js moveTo() function

fullpage.js moveTo() function

本文关键字：function moveTo js fullpage      更新时间：2023-09-26

我正在尝试在整页中使用 moveTo（） 函数.js它允许我导航到特定的部分/幻灯片，如下所示：

/*Scrolling to the section with the anchor link `firstSlide` and to the 2nd Slide */
$.fn.fullpage.moveTo('firstSlide', 2);

我正在尝试在afterSlideLoad()函数中使用它，以尝试自动循环浏览幻灯片。 我的代码如下所示：

 $.fn.fullpage({
     anchors: ['home', 'gallery'],
     afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex) {
         if (anchorLink == 'gallery') {
             if (slideIndex == 11) {
                  setTimeout(function() {
                      moveTo(2,0);
                  }, 1000);
             } else {
                  setTimeout(function() {
                      moveTo(2, slideIndex + 1);
                  }, 1000);
             }
         }
     });

这似乎没有任何作用，我也尝试过moveTo('gallery', 1);

对我出错的地方有什么建议吗？

如您正在链接的文档中所述，必须像这样调用该函数：

$.fn.fullpage.moveTo('firstSlide', 2);

不像你正在做：

moveTo('firstSlide', 2);

现场演示

相关文章：