我有两个部分。第二部分有很高的高度,所以我把它标记为“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,
});
答案 0 :(得分:0)
第二部分的高度非常大,所以我将其标记为“normalScrollElements”。
这不是你想要使用normalScrollElements
的方式。普通滚动元素适用于需要使用自己的滚动的小元素。
normalScrollElements:(默认为null)如果要在滚动某些元素时避免自动滚动,则需要使用此选项。 (对于地图,滚动div等有用)它需要一个带有jQuery选择器的字符串用于这些元素。 (例如:normalScrollElements:'#element1,.element2')
您应该使用scrollOverflow:true
:
scrollOverflow:(默认为false)定义是否为该部分创建滚动,以防其内容大于其高度。设置为true时,您的内容将被插件包装。考虑使用委托或在afterRender回调中加载其他脚本。如果将其设置为true,则需要供应商插件jquery.slimscroll.min,并且应该在fullPage.js插件之前加载它。