为什么当我的窗户高度变长时，我的 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（百分比），而是使用像素，因此无论屏幕高度如何，它都会在确切的位置结束。因此，请将百分比调整为数字。例如数据-0、数据-10、数据-100。