抖动视差滚动

我写了一个网站使用视差效果，并有一些问题与紧张表现。抖动视差滚动

使用CSS3缩放比例和调整大小缩放页面，使用JavaScript/jQuery自动调整页面大小。

在滚动上，使用包装盒上的滚动位置（仅在内部的视差背景）定位背景。使用CSS顶部位置在滚动事件上移动图像背景。图像有一个边距偏移量，以使图像位置静止不动。我已经启用了图形加速功能，并且在滚动时仍然会出现抖动图像。

我发现，CSS3变换比例不适用于固定位置。

任何其他解决方案？

2016-08-01 tonoslfx

通过JS设置位置一般比较紧张的是，“平滑”一个你链接是使用在固定位置的图像背景，而不是用页面动画。 – DBS

是不是有没有像https://ihatetomatoes.net/demos/parallax-scroll-effect/那样使用现成解决方案的原因？ –

我没有使用插件的原因是因为在身体标签上使用css3中的变换比例缩放页面要求。 – tonoslfx

您是否尝试过使用CSS固定背景：

background-attachment: fixed;

顺利视差网站的示例使用此，通常是最好的方法在内容移动时保持背景不变。

2016-08-01 14:23:34 Danno

我相信页面资源也可以进行优化以提高页面性能。我注意到当你的页面完全加载时，滞后似乎更少，所以我认为存在优化问题。

下面是分析链接我使用应该与一些能够帮助：

2016-08-01 16:30:15

回答