因为我对CSS非常非常陌生，所以我不确定这是否可行（如果不能，则表示歉意），但是我想用背景图像创建某种效果。
我已经知道了图像的背景附件的两种方法：固定的（无论滚动如何，图像都保留在屏幕上）和自由的（固定的），图像在页面上正常地进出视线。我正在寻找两者之间的一种折衷方案，其中页面向下滚动，图像也滚动，但与页面成比例的比例很小。
本质上，我希望滚动条使用百分比，而不是绝对值。在“滚动”中，将页面向下滚动50个像素将使图像向上滚动50个像素。我希望将页面向下滚动50％即可将图像向下滚动50％，无论遍历了多少实际像素。在页面顶部，我们可以看到图像的顶部。在页面底部，我们可以看到底部。
有没有办法用CSS做到这一点，还是我不得不求助于其他事情？
您正在寻找一种叫做“视差”滚动的东西。使用转换样式时，使用纯CSS可以做到这一点：preserve-3d; （请参阅本文），但是要在所有浏览器上使用此功能，您可能需要使用javascript解决方案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句