1. 程式人生 > >解決fullPage.js中每屏未鋪滿的方法

解決fullPage.js中每屏未鋪滿的方法

前言

用fullPage寫某首頁的時候準備使用一個動畫特效,原先把要進入的內容放在可視區域之外,然後在載入完成後通過js把定位進來,然而只要寫了定位在可視區域之外就會有一小段空白,如下圖

轉機

之前找好久沒發現是什麼原因,絕望之際準備關機明天再看的時候,在瀏覽百度的東西的時候發現了這個東西

這倆高度不是一樣的嗎!?

解決

後面想想發現是因為之前的東西在瀏覽器可見區域外就自動生成了這個橫屏滾動條,在fullPage.js中獲取瀏覽器中的可見高度的時候使用的是$(window).height(),沒有計算下方的滾動條的高度,要解決還是從自己的css下手,然後在css中加上這一行

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

瀏覽器ctrl+shift+r再看,下面那一小塊白色的消失了,完美解決!