5

我在 2 个网站上发现了错误：如标题中所述，当幻灯片运行时，页面中的一些元素同时移动。检查此页面：

http://www.cosmosupplylab.com/

在页面上向下滚动到团队部分，一些肖像在滑块被触发的同时移动。它也发生在专业部分和页面上的其他地方（一些图片，段落中的一个单词，一些 div 的......）

这是一个非常奇怪的行为，如果您知道可能是什么原因，非常感谢！

4

3 回答 3

14

我在 Google Chrome 中也有同样的行为，并通过在我的 CSS 中添加以下内容来修复它。

.bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
于 2013-10-09T12:46:18.280 回答
0

对于遇到此问题的其他人，我有一个“解决方案”。

跳跃元素是浏览器使用 CSS 动画的结果。

要快速停止此行为，请将“useCSS”选项设置为 false。

我不乐意提出这个建议，因为我更喜欢 CSS 动画 - 但它确实有效。

于 2013-09-23T08:05:12.633 回答
0

我不知道原因，但我刚刚遇到了同样的问题。

我注意到所有受影响的元素都被定位为“相对”，所以我试图改变它们。我尝试了绝对，它解决了问题，但与我的设计相冲突。

我通过使所有受影响的元素位置来解决它：静态。

*受影响的浮动元素仍然移动，如果它们是单个浮动元素，我建议将它们设为绝对。:D

于 2013-07-10T10:02:03.850 回答