Bx Slider使页面上的其他元素移动(在Chrome上)

Question

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

http://www.cosmosupplylab.com/

向下滚动页面到Team部分,一些肖像在滑块被触发的同时移动.它也出现在专业知识部分和页面上的其他位置(一些图片,一个段落中的一个单词,一些div ...)

这是一个非常奇怪的行为,如果你对这可能是什么原因有所了解,非常感谢!

Answer 1

我在谷歌浏览器中有相同的行为,并通过在我的CSS中添加以下内容来修复它.

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

Answer 2

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

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

我通过将所有受影响的元素设置为静态来解决这个问题。

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