スクロールdiv内のフラッシュ-IE6のバグ

StackOverflow https://stackoverflow.com/questions/221043

質問

Flashオブジェクトのリストを含むdivがあります。リストが長いため、divの高さを400に設定し、オーバーフローをautoに設定しました。

これはFFでは正常に機能しますが、IE6では、表示されている最初の5つのFlashオブジェクトのみが機能します。最初に表示可能領域の外側にある残りのFlashオブジェクトは、下にスクロールすると空になります。 「ムービーがロードされていません」が表示されないため、swfsは問題なくロードされます。また、それらは正しく埋め込まれているようです。コンテンツは描画されません。

これを修正する方法についてのアイデアはありますか？

ps。関係するhtml要素は、これに影響を与える場合に主に浮いています。フラッシュオブジェクトは、一般的なswfObjectを使用して埋め込まれます。

編集：バグはフラッシュプラグイン＆quot; WIN 8,0,24,0＆quot;でのみ発生するようです。

リンクを投稿できないので、関連するコードをここにまとめます：

<div style="overflow:auto; height:400px; float:left;">
<div id="item_1" style="float:left; clear:left; height:100px;">
<!-- swfObject Embed here -->
</div>
...
<div id="item_7" style="float:left; clear:left; height:100px;">
<!-- swfObject Embed here -->
</div>
</div>

編集： 別のページでこの問題を再現しようとした後、フラッシュオブジェクトが最初に非表示になっていることに関連するバグであることがわかりました。私のコンテナdivには＆quot; display：none;可視性：非表示＆quot;ページがロードされたとき。後でスタイルはjavascriptを介して可視に変更されます。最初からすべてが見えるようにページをロードすると、すべて問題ありません。

役に立ちましたか？

解決 4

これには解決策があると思います。問題のページが再構築されたため（このバグのため）、私は絶対に確信できません。後で、別のページの同じフラッシュコンポーネントで同様の問題が発生しました。

ここでの問題は、フラッシュがStage.height = 0およびStage.width = 0を与える場合があることでした。これは、ブラウザのビューポート外でフラッシュが開始されたときに発生する可能性が最も高くなります。ステージの寸法を使用して、コンテンツをスケーリングします（この場合、幅= 0および高さ= 0）。

解決策は、ステージディメンションをチェックし、それらが一度だけ処理されるようにonEnterFrameハンドラーを追加することでした＆gt; 0。

他のヒント

IE6でこの種のものをテストするとき、最初にやることはスタイル情報の削除を開始することです。親DIVと子DIVの両方からすべてのフロートとクリアを削除することから始めます。それでもうまくいかない場合は、すべてのパディングとマージンを削除し、親DIVと子DIVの幅をそれぞれ100％にします（高さは100ピクセルのままにします）。それでもうまくいかない場合は、ここに投稿してください。推測に進まなければならなかったのは、DIVに幅がないためだと思いますが、それは、「ピーカブーバグ」について知っていることに基づいたワイルドな推測です。

試してみたいこと：

  • すべてのCSSを一時的に削除して、問題がCSS固有かどうかを判断します
  • フロートされた要素とその親要素にピクセル幅を追加します
  • wmode transparentパラメータをswfobjectに追加
  • position：relativeを追加

Flashの一部が画面外に読み込まれた場合にのみ発生するFlashのバグを聞いたことがあります（つまり、body＆gt; #flash {margin-top：-50px}）。あなたの問題は潜在的にそのバリエーションである可能性があります。

別の方法として、divをオーバーフローで完全にドロップし、スクロールバーを使用してフラッシュ内にコンテナーを作成し、その1つのコンテナーフラッシュファイルに個々のSWFを読み込むこともできます。

これは単なる回避策ですが、最初にFlashオブジェクトのプレースホルダー（対応する高さと幅を持つdivなど）を作成し、ムービーをロードすることを試みることができます（ swfobject ）が最初に表示されたとき。これにより、いくつかの問題が発生する可能性があります（つまり、映画が表示される前にプリロードされない）が、許容範囲である可能性があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top