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

URL and Navigation links not changing when autoheight is used with autoscrolling in fullpage.js

本文关键字：URL 导航 链接 js fullpage autoheight 一起 滚动      更新时间：2023-09-26

我使用的是fullpage.js插件，我有几个使用这个类fp-auto-height定义的自动高度部分。

在JS中，我有autoScrolling：false，fitToSection：false。

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

我在这里创建了一个jsfiddle

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

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

在您的情况下，小部分似乎比前一部分占用更少的视口，因此fullpage.js认为您停留在前一部分。

目前，在fullpage.js方面还没有解决您问题的方法。

相关文章：