Fullpage.js

Question

我有 5 个整页部分和按整个部分设置的滚动。一切正常。

但我需要，如果访问者在第 4 部分并向下滚动，则该网站不会向下滚动到最后一部分。我只想通过单击第 4 部分中的按钮来访问最后一部分。此按钮已完成并可正常使用，但我现在不知道如何禁用自动滚动到最后一节。

感谢任何想法！

Answer 1

您可以使用方法

禁用上一节中的滚动

fullpage_api.setAllowScrolling(false, 'down');

有关文档的更多信息： https://github.com/alvarotrigo/fullPage.js#setallowscrollingboolean-directions

因此，您可以在回调中使用它，例如 afterLoad:

afterLoad: function(origin, destination, direction){
    var numSections = document.querySelectorAll('.fp-section').length;

    // Is the afterload firing for the last section?
    if(destination.index === numSections -1){
       fullpage_api.setAllowScrolling(false, 'down');
    }

    // for all other sections, we enable scrolling again in case it was off
    else{
       fullpage_api.setAllowScrolling(true, 'down');
    }
}

然后在按钮上你可以使用方法 moveTo:

//moving to section 4
fullpage_api.moveTo(4)

有关文档中方法的更多信息： https://github.com/alvarotrigo/fullPage.js#movetosection-slide

Fullpage.js - 在最后一个部分停止鼠标滚动

Fullpage.js - stop mouse scrolling on last but one section