为什么我的窗口高度变长时，我的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。