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。

当我的窗户高度变长时，为什么我的skrollr视差效果无法正常工作？

1 个答案: