今天使用fullPage.js来实现一个网页,其他都还好,只有一点,header和footer一直有问题,它们的高度总是会占据全屏,很奇怪,网上搜了下,https://segmentfault.com/q/1010000002545277这个网页中提到了这个问题,网友说要添加“section fp-auto-height”这个class就可以了,但是我的一直不行,很奇怪。
然后看了官网https://github.com/alvarotrigo/fullPage.js文档,搜了下“footer”,里面有个auto-height - fullpage.js的演示,它也是添加了“section fp-auto-height”这个class。这时我看了下项目中的fullPage的版本,是1.5.2。看下github上的版本是2.7.5,然后下载,替换掉系统中的老版本,添加“section fp-auto-height”这个class之后,确实可以了。
原来是版本的问题,网友确实提到了这个问题,但是没有意识到版本也会有影响,所以这里特此记一下,希望对看到的人有所帮助。