爲什麼我的窗口高度變長時，我的skrollr視差效果無法正常工作？

Question

我得到了我的視差效果，可以在我的筆記本電腦屏幕上完美工作。只要我在更大的屏幕上觀看我的網站，我注意到視差效果沒有完成，因爲沒有足夠的空間向下滾動。我如何解決這個問題？下面是我的代碼片段，顯示了我向下滾動時移動的兩個元素。我正在使用數據屬性進行轉換。我應該使用別的東西嗎？您可以在這裏查看我的網站http://nsohail.github.io/Project3-HTML/

<div id="slide-1" class="slide" 
         data-0="transform:translate(-770px,0px);" 
         data-10p="transform:translate(-770px,0px);" 
         data-100p="transform:translate(185px,0px);"> 
</div> 

<div id="slide-1" class="slide" 
         data-0="transform:translate(770px,0px);" 
         data-10p="transform:translate(770px,0px);" 
         data-100p="transform:translate(-220px,0px);"> 
</div> 

Answer 1

而不是使用100P（百分比）的使用像素，它會在精確點結束，無論屏幕高度是什麼。因此，請將您的百分比調整爲數字。例如data-0，data-10，data-100。