Bx Slider使页面上的其他元素移动（在Chrome上）

Question

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

http://www.cosmosupplylab.com/

向下滚动页面上的团队的一部分，一些画像在滑块被激发的同时移动。 它发生过的专业知识部分，并在页面上的其他地方（一些照片，只是一个字的段落，一些div的...）

这是一个非常奇怪的现象，如果您有一个想法可能是什么是理由，非常感谢！

Answer 1

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

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

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

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

Answer 2

我对任何有此问题的人都有'解决方案'。

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

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

我不喜欢暗示这一点，因为我更喜欢CSS动画 - 但它确实有效。

Answer 3

我在谷歌浏览器中有同样的行为，并通过将以下内容添加到我的CSS来修复它。

.bx-viewport { 
    -webkit-transform: translatez(0); 
    -moz-transform: translatez(0); 
    -ms-transform: translatez(0); 
    -o-transform: translatez(0); 
    transform: translatez(0); 
}