前言
对于全屏滚动插件fullpage想必大家都很熟悉了,但是一般每一屏的高度即是屏幕的高度所以说高度都是固定的,如果我们想要加头部或者底部不够一屏怎么办呢,这里就必须需要自定义高度了,好在官方已经给出一个很好的解决方式,不需要修改js源代码仅仅加一个样式“.fp-auto-height”就搞定了,不过在此有个坑希望小伙伴们完美躲过,就是此插件的版本问题,相信大家搜索fullpage首先百度出来的就是某某插件网给出的案例吧,在下也是,发现把此插件放在页面最底下是一路的报错。。
报错如下:
image然后我一看js文件,特喵的还是1.5.3版本的,现在github最新版已经是3.0.0了,怪不得加上高度自适应的样式还是不行
image在此放上github,大家自行下载最新版吧:
案例及其使用说明 :
jQuery全屏滚动插件fullPage.js_dowebok
具体代码如下:
<div id="fullpage">
<div class="section fp-auto-height">头部</div>
<div class="section"></div>
<div class="section fp-auto-height">尾部</div>
</div>
网友评论