NormallScroll和fitToSection

时间:2015-10-23 15:08:40

标签: fullpage.js

我有两个部分。第二部分有很高的高度,所以我把它标记为“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,
    });

1 个答案:

答案 0 :(得分:0)

  

第二部分的高度非常大,所以我将其标记为“normalScrollElements”。

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

  

normalScrollElements:(默认为null)如果要在滚动某些元素时避免自动滚动,则需要使用此选项。 (对于地图,滚动div等有用)它需要一个带有jQuery选择器的字符串用于这些元素。 (例如:normalScrollElements:'#element1,.element2')

您应该使用scrollOverflow:true

  

scrollOverflow:(默认为false)定义是否为该部分创建滚动,以防其内容大于其高度。设置为true时,您的内容将被插件包装。考虑使用委托或在afterRender回调中加载其他脚本。如果将其设置为true,则需要供应商插件jquery.slimscroll.min,并且应该在fullPage.js插件之前加载它。