我刚刚建立了一个静态网站的问题。我有一个大约6000px高的简单网站(滚动很多!)并且有很多图像。我在CSS中将这些图像设为background-image
,因为此网站必须使用视差滚动。我使用stellar.js lib。实现这一目标。
我的问题是桌面上的一切正常,但在平板电脑上,当用户开始向下滚动时,她/他可以看到此时在视口上的该图像的渲染过程。 (用户在页面上看到了一个空白区域。)
用户滚动整个页面后,一些图像再次渲染。我调整了所有图像的大小并使它们尽可能小(它们都在1.2 mb),但是用户看到了相同的渲染过程。有没有办法实现阻止用户看到渲染过程? (也许这不是渲染过程)。 P.S。:现在我无法给你代码。遗憾!