NormallScroll 和 fitToSection

Question

我有两个部分。第二部分的高度很大，所以我将其标记为 "normalScrollElements"。我希望在这两个部分之间出现 fullpage.js 并具有默认的浏览器滚动条。禁用 fitToSection 使其关闭，但只有默认浏览器滚动有效:(

        $('.scroll-sections-wrap').fullpage({
        sectionSelector: '.scroll-section',
        scrollBar: true,
        easing: 'easeInOutCubic',
        css3: true,
        easingcss3: 'ease-in-out',
        scrollingSpeed: 900,
        fitToSectionDelay: 500,
        responsiveHeight:650,
        responsiveWidth:1000,
        fitToSection:false,
        normalScrollElements: '#second-section-id',
        verticalCentered:false,
    });

Answer 1

Second section has very big height, so i marked it as "normalScrollElements".

这不是您应该使用的方式 normalScrollElements。普通滚动元素适用于需要使用自己滚动的小元素。

normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2')

你应该使用 scrollOverflow:true:

scrollOverflow: (default false) defines whether or not to create a scroll for the section in case its content is bigger than the height of it. When set to true, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the afterRender callback. In case of setting it to true, it requires the vendor plugin jquery.slimscroll.min and it should be loaded before the fullPage.js plugin.

NormallScroll 和 fitToSection

NormallScroll and fitToSection

fullpage.js