fullpage.js setAllowScrolling

Question

我尝试禁用从第4节向下滚动到第5节的操作。似乎没有响应：

        if(anchorLink == 'support-contact' && slideIndex == 0) {
        $.fn.fullpage.setAllowScrolling(false, 'down'); 
        $.fn.fullpage.setKeyboardScrolling(false, 'down');
        }       

此处设置了support-contact (第5节未设置，因为它是隐藏部分)：

$(document).ready(function() {
initialize(false);
function initialize(hasScrollBar){
$('#fullPage').fullpage({
    anchors: ['home', 'livingwell', 'happybuy', 'support-contact'],
    loopHorizontal: false,
    controlArrows: true,
    menu: '#menu',

Answer 1

请提供jsfiddle或codepen格式的隔离副本。它的工作情况与预期一样，可以在这里看到https://jsfiddle.net/1kyuL4em/42/

但请注意，afterSlideLoad或onSlideLeave回调在由于垂直移动而到达该部分时不会被触发。只有水平移动才能发射它们。

因此，您可能还希望使用afterLoad或onLeave回调函数，并使用类似以下内容来计算水平滑块中当前幻灯片的索引：

$('.fp-section.active).find('.fp-slide').index();

Answer 2

很抱歉重新打开，但我有相同的问题与基于fullpage.js的网站。我有8个部分，每个部分只有2张幻灯片。第一张幻灯片是全屏的，但第二张幻灯片是一个很长的滚动页面。我希望在2号时，不能向上或向下滚动到下一节或上一节，但我们只能使用“上一节”箭头返回到第一张幻灯片。下面这两个函数我都试过了，但都不起作用。

afterLoad: function(anchorLink, index, slideIndex, direction, nextSlideIndex){
var thisSlide = $('.fp-section.active').find('.fp-slide').index();
if(thisSlide === 1){
$.fn.fullpage.setAllowScrolling(false, 'up, down');
}
},


afterLoad: function(slideIndex){
if(slideIndex === 1){
$.fn.fullpage.setAllowScrolling(false, 'up, down');
}
},

如果我简单地使用这个函数：

afterLoad: function(){
$.fn.fullpage.setAllowScrolling(false, 'up, down');
},

它可以工作，但垂直滚动在第一张幻灯片上也是禁用的，这不是我打算做的。

如果谁有主意，谢谢！

Answer 3

我不知道这是否是解决问题的最好方法，但我最终还是为自己工作了。希望能对你有所帮助。如果你被卡住了，请叫我。我撞到墙上的次数太多了，我有一些工作可以解决。我是一个糟糕的程序员，但我尝试。有更好的人在这里，但保持沉默。

因此，我针对这些部分并给每个部分一条指令，这样它就不会携带上一张幻灯片中的指令：

afterLoad: function(anchorLink, index){
if(index == 3 && anchorLink == 'golden-visa'){
    $('body.fp-viewing-slidefree').find('.fp-section').index();
        $.fn.fullpage.setAllowScrolling(true, 'all'); 
        $.fn.fullpage.setKeyboardScrolling(true, 'all');
}   
if(index == 4 && anchorLink == 'ahimsa-investments'){
    $('body.fp-viewing-ahimsa-investments').find('.fp-section').index();
        $.fn.fullpage.setAllowScrolling(false, 'down'); 
        $.fn.fullpage.setKeyboardScrolling(false, 'down');
}
if(index == 5 && anchorLink == 'investment-information'){
    $('body.fp-viewing-investment-information').find('.fp-section').index();
        $.fn.fullpage.setAllowScrolling(false, 'all'); 
        $.fn.fullpage.setKeyboardScrolling(false, 'all');
        }
},

我在这里发布了另一个类似的问题，但似乎没有人回复我。可惜的是。这当然是一个问题，可能是一个bug，但无法绕过它，坚持使用一个应该可以工作的产品：

Fullpage.js disable vertical scroll on section