前端 - 如何使用fullpage.js实现锤子手机的首屏和尾屏的效果？

问题描述

问 题

fullpage.js是一个很好的一页式幻灯片效果插件，但是默认只有一屏一屏的滚动功能。我想知道如何能够使用它实现类似锤子手机页面的首屏和尾屏的效果呢？
1. 首屏有头部，滚动鼠标才切换到第一屏，头部隐藏；
2. 尾屏有个附加信息的底部，在最后一屏滚动鼠标，底部才显示出来。
演示效果：http://www.smartisan.com/#/overview

这个问题已被关闭，原因：与社区已有问题重复 - 请输入已有问题网址

解决方案

前两天刚好也做了一个类似的页面,这种第一屏和最后一屏的部分滚动通过把滚动的距离改成navbar或者footer的高度就可以实现,但是fullpage好像没有单独的设置来修改每一次滚动的距离,所以你可能要稍微改一下他的js.判断是否第一/最后一屏,然后算一下高度就OK.

这篇关于前端 - 如何使用fullpage.js实现锤子手机的首屏和尾屏的效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！