fullpage中实现类似锤子官网的效果

今天使用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之后，确实可以了。

原来是版本的问题，网友确实提到了这个问题，但是没有意识到版本也会有影响，所以这里特此记一下，希望对看到的人有所帮助。

fullpage中实现类似锤子官网的效果相关推荐

HTML5锤子官网,锤子官网3D翻转特效banner插件
锤子官网3D翻转特效banner插件 **每次访问锤子手机官网的页面时,都会欣喜的玩耍一番那个会翻转的banner,感觉科技感十足这么有趣的效果,自己也很想试一试能否实现,于是就核心的特效做了代码的 ...
（附源码）springboot中北创新创业官网毕业设计 271443
Springboot中北创新创业官网摘要进入21世纪以来,计算机有了迅速的发展.计算机应用.信息技术全面渗透到了人类社会的各个方面,信息化已成为世界经济和社会发展的大趋势.本文主要通过对中北创新 ...
怎样取消老毛桃软件赞助商---只需在输入框中输入老毛桃官网网址“laomaotao.org”...
来源:www.laomaotao.org 时间:2015-01-29 在众多网友和赞助商的支持下,迄今为止,老毛桃u盘启动盘制作工具已经推出了多个版本.如果有用户希望取消显示老毛桃软件中的赞助商,那不 ...
苹果新机是否支持双卡双待？发布会中并未说明，官网给出了答案
苹果新机是否支持双卡双待?发布会中并未说明,官网给出了答案伴随着北京时间今日凌晨的苹果秋季发布会的结束,苹果新机iPhone11.iPhone11 Pro以及iPhone11 Pro Max都正式和 ...
Visio 2019 2021专业版中文和英文版本官网下载地址
visio2019专业版中文和英文版本官网下载地址 Visio Professional 2019 English https://officecdn.microsoft.com/pr/492350f ...
苹果设置播放html5视频,类似苹果官网,使用滚轴事件控制视频播放
苹果官网的效果网址:https://www.apple.com/homepod/ 完成的效果:滚动滚轴播放相同比例时间的视频,向上滚动倒播视频. 目前碰到的问题是只有一下下滚动滚轴才可以完成这个效 ...
事情没有想象中那么难--JX官网首页3D粒子效果
上周为AlloyTeam/JX做了个简单的官网http://alloyteam.github.com/JX/,当时文档,demo以及其他的附属工具都还没完善,地址就流了出去... 独立的粒子特效dem ...
5中bug vue_苹果官网出BUG！这些都只要一两百元
近日,有网友在网上反馈称,他发现苹果官网商城出现了BUG! 众多上千元的产品,BUG价只需一两百元. 比如Shure MOTIV MV88 Digital立体声电容式麦克风配件. 正常售价1288元, ...
浏览器放大缩小,页面布局不变,浏览器放大百分比,页面放大到左上角,浏览器缩小百分比,页面缩小至中间(类似csdn官网效果)
效果如下: 加了红色边框的就是你实际的xxx.vue页面,放大时放大至页面左上角,缩小时,缩小至中间这是浏览器最小化后一.给App.vue设置minWidth.minHeight.maxWidth ...

fullpage中实现类似锤子官网的效果

fullpage中实现类似锤子官网的效果相关推荐

最新文章

热门文章