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); 
}