自动修改与fullpage.js中的自动滚动一起使用时,URL和导航链接不会更改

时间:2015-11-05 12:44:42

标签: javascript jquery fullpage.js

我正在使用fullpage.js插件,我使用此类fp-auto-height定义了几个自动高度部分。

在JS中,我有autoScrolling:false,fitToSection:false。

问题是,在定义了fp-auto-height的任何部分,当您滚动到该部分时,URL不会更改。导航链接也不在顶部。我也尝试过将填充顶部和底部增加300px,但这没有帮助。

我创建了一个jsfiddle here

$('#fullpage').fullpage({ 
    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'pink', '#ccddff'], 
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage'], 
    menu: '#menu', 
    autoScrolling: false, 
    fitToSection:false
}); 

1 个答案:

答案 0 :(得分:1)

使用autoScrolling:false时,fullpage.js会认为您位于视口中显示更多内容的部分。

在你的情况下,小部分似乎比前一部分少了视口,因此fullpage.js认为你留在上一部分。

目前还没有解决方案来自fullpage.js的问题。