转自: https://zzliux.cn/article/55
前言
用fullPage写某首页的时候准备使用一个动画特效,原先把要进入的内容放在可视区域之外,然后在载入完成后通过js把定位进来,然而只要写了定位在可视区域之外就会有一小段空白,如下图
转机
之前找好久没发现是什么原因,绝望之际准备关机明天再看的时候,在浏览百度的东西的时候发现了这个东西
这俩高度不是一样的吗!?
解决
后面想想发现是因为之前的东西在浏览器可见区域外就自动生成了这个横屏滚动条,在fullPage.js中获取浏览器中的可见高度的时候使用的是$(window).height()
,没有计算下方的滚动条的高度,要解决还是从自己的css下手,然后在css中加上这一行
html { overflow-x: hidden; overflow-y: auto;}
浏览器ctrl+shift+r再看,下面那一小块白色的消失了,完美解决!