将滚动延迟添加到fullpage.js部分和幻灯片

时间:2019-08-01 12:11:15

标签: javascript fullpage.js

我正在尝试向我的fullpage.js部分和幻灯片添加滚动延迟。

仅使用以下代码,我就可以将其用于各个部分。

var delay = 1000;
var scrollDelay = false;

$("#sections-container").fullpage({
    navigation: true,
    controlArrows: false,
    slidesNavigation: true,
    scrollHorizontally: true,
    sectionSelector: ".main-section",
    slideSelector: ".sub-section",

    onLeave: function(origin, destination, direction) {
      timeoutId = setTimeout(function() {
        scrollDelay = true;
        fullpage_api.moveTo(destination.index + 1);
        scrollDelay = false;
      }, delay);
      return scrollDelay;
});

如何为部分和幻灯片添加滚动延迟?

2 个答案:

答案 0 :(得分:0)

fitToSectionDelay: 1000,在函数中尝试使用,它适用于fullpage.js

答案 1 :(得分:0)

在整页方法的对象中,您应该添加以下选项:

fitToSection: true,
fitToSectionDelay: 1000

用所需的数字更改1000。以毫秒为单位进行配置。