fullpage中实现类似锤子官网的效果
2016-12-29 17:58
465 查看
今天使用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之后,确实可以了。
原来是版本的问题,网友确实提到了这个问题,但是没有意识到版本也会有影响,所以这里特此记一下,希望对看到的人有所帮助。
然后看了官网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之后,确实可以了。
原来是版本的问题,网友确实提到了这个问题,但是没有意识到版本也会有影响,所以这里特此记一下,希望对看到的人有所帮助。
相关文章推荐
- angular-fullpage实现尾屏效果
- FullPage.js – 轻松实现全屏滚动(单页网站)效果
- FullPage.js – 轻松实现全屏滚动(单页网站)效果
- 使用fullpage.js实现全屏滚动效果
- fullPage.js和CSS3实现全屏滚动效果
- 原生js实现类似fullpage的单页/全屏滚动
- FullPage.js – 轻松实现全屏滚动(单页网站)效果的应用
- 类似google拖拽效果的原理实现(来自codeproject)
- 用java的JTable实现类似Excel的报表控件(附三张效果截图)
- 用fieldset标签来实现类似WinForm中GroupBox布局效果
- 类似 MSDN CSDN 左边导航树效果的实现! [JavaScript +
- 用div实现的效果二——类似iframe
- JSP + JavaScript 实现类似 MSDN CSDN 导航树效果!
- JavaScript实现类似QQ、MSN消息提示的效果(转载)
- JS+DIV+CSS实现类似邮件发送时的蒙板效果
- 类似Google Calendar效果的简单实现
- 类似 MSDN CSDN 导航树效果 ASP.Net(C#) + JavaScript 实现!
- 类似 MSDN CSDN 左边导航树效果的实现!
- JSP + JavaScript 实现类似 MSDN CSDN 导航树效果!
- javascript 实现的类似hao123的多邮箱登录效果