Bx Sliderは、ページ上の他の要素を（Chrome上で）移動させます。

Question

2つのウェブサイトにバグが見つかりました。タイトルに記載されているように、スライドが実行されているときにページのいくつかの要素が同時に移動しています。このページをチェックしてください：

http://www.cosmosupplylab.com/

はチームの一部にページを下にスクロールする、いくつかの肖像画は、スライダーが発射されると同時に動いています。 Expertiseの部分やページ上の他の場所（一部の写真、段落の1つの単語、いくつかのdivの...）でも起こります。

何ができるのかについてのアイディアがあれば、理由は、ありがとう！

Answer 1

理由はわかりませんが、同じ問題が発生しました。

影響を受けるすべての要素が「相対的」に配置されているため、変更しようとしました。私は絶対的に試してみましたが、問題は解決しましたが、私の設計と矛盾しました。

影響を受けるすべての要素の位置を静的にすることで解決しました。

影響を受けるフローティング要素はまだ移動していますが、フローティング要素が1つの場合は絶対にすることをお勧めします。 ：D

Answer 2

私はこの問題を抱えている誰かのための '解決策'を持っています。

ジャンプ要素は、CSSアニメーションを使用するブラウザの結果です。

この動作をすばやく停止するには、 'useCSS'オプションをfalseに設定します。

私はCSSアニメーションをもっと好むと思っていますが、これはうれしいことですが、うまくいきます。

Answer 3

私はGoogle Chromeで同じ動作をしていましたが、これをCSSに追加して修正しました。

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