0

最近のプロジェクトで、Cycle2 スライドショーの画像がそのすぐ下の div に重なるという問題が発生しています。それは非常にランダムに発生します (このスライドショーを使用している 7 つのページがあり、ああ、8 回または 9 回ごとに発生します — パターンを見つけることができませんでした.

これが発生した場合、Web インスペクタを起動すると再描画が強制され、画像が所定の位置にポップされます。これは、Safari、Firefox、Chrome、および Mac と Windows の両方で見られます。

グリッチのスクリーン ショットは Droplr にあり、ライブ バージョンはこちら にあります。これは 7 つのページすべて (Seraform および以前の作業メニューの下にあります) で発生し、問題を確認するにはすべてのページを数回クリックする必要がある場合があります。

http://d.pr/i/wnwk

そして、これはページがどのように見えるべきかです:

http://d.pr/i/esRS

私は考えられるすべてのデバッグトリックを試しましたが、完全に途方に暮れています。

4

1 に答える 1

0

この問題をさらに調査したところ、スライドを保持する div が常に 0 ピクセルの領域で始まることに問題があることがわかりました。ほとんどの場合、その div は自動的にサイズ変更されます (他の div を押し下げます) が、まれに、ブロックが 0 ピクセルのままになり、画像がオーバーラップすることがあります。

これを解決するために、いくつかの JS の一部としてCoderwallで見つけた再描画関数を使用して、ドキュメントの準備が整ったときにスライドショー領域を再描画しました。

于 2014-03-24T00:25:13.073 に答える