Question

花了一些时间，但终于发现fullpage.js没有正确调整窗口大小的问题。

如果您滚动到第二部分并调整窗口大小，您将看到fullpage.js找到2张幻灯片加入的中间位置。

只有在同时使用淡入淡出和视差扩展时才会发生这种情况。如果我禁用＆＃34; false＆＃34;褪色然后这个问题就停止了。

因此您需要滚动到第4部分，然后更改窗口的大小。任何人都可以复制这个问题吗？

        anchors: ['home', 'investment-platform', 'golden-visa', 'ahimsa-investments'],
        controlArrows: true,
        menu: '#menu',
        animateAnchor: false,
        slidesNavigation: false,
        navigation: false,
        fadingEffect: 'slides',
        parallax: 'sections',
        parallaxOptions: {
            type: 'reveal',
            percentage: 50,
            property: 'translate',
        },
        css3:true,
        easingcss3: 'cubic-bezier(0.420, 0.000, 1.000, 1.000)',
        scrollingSpeed: 600,
        autoScrolling: true,
        scrollBar: hasScrollBar,
        bigSectionsDestination: null,
        fitToSection: true,
        fitToSectionDelay: 1000,
        lazyLoading: false,
        scrollOverflow: true, 
        verticalCentered: true,

fullpage.js视差和淡入淡出页面的大小调整

0 个答案: