解决fullPage.js中每屏未铺满的方法

转自: https://zzliux.cn/article/55


前言

用fullPage写某首页的时候准备使用一个动画特效,原先把要进入的内容放在可视区域之外,然后在载入完成后通过js把定位进来,然而只要写了定位在可视区域之外就会有一小段空白,如下图

转机

之前找好久没发现是什么原因,绝望之际准备关机明天再看的时候,在浏览百度的东西的时候发现了这个东西

这俩高度不是一样的吗!?

解决

后面想想发现是因为之前的东西在浏览器可见区域外就自动生成了这个横屏滚动条,在fullPage.js中获取浏览器中的可见高度的时候使用的是$(window).height(),没有计算下方的滚动条的高度,要解决还是从自己的css下手,然后在css中加上这一行

html { overflow-x: hidden; overflow-y: auto;}

浏览器ctrl+shift+r再看,下面那一小块白色的消失了,完美解决!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章