5

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

http://www.cosmosupplylab.com/

チーム パーツまでページを下にスクロールすると、いくつかのポートレートがスライダーの起動と同時に移動しています。これは、Expertise の部分や、ページの他の場所でも発生します (いくつかの写真、段落内の 1 つの単語、いくつかの 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

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

影響を受けるすべての要素が「相対的」に配置されていることに気付いたので、それらを変更しようとしました。私は絶対に試しましたが、問題は解決しましたが、私のデザインと競合していました。

影響を受けるすべての要素を position: static にすることで解決しました。

*影響を受ける浮動要素は引き続き移動します。それらが単一の浮動要素である場合は絶対にすることをお勧めします。:D

于 2013-07-10T10:02:03.850 に答える
0

この問題を抱えている他の人のための「解決策」があります。

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

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

私はCSSアニメーションの方が好きなので、これを提案するのは嬉しくありませんが、うまくいきます.

于 2013-09-23T08:05:12.633 に答える