0

私は 2 つのフレームtopframe (ロード main.html) とbottomframe (ロード home.html)を含むhtml ドキュメントindexflash2.htmlを格納するindexflash.htmlにあるiframeメインを持っています。topframeとbottomframeの両方にscrolling ="no"があります。

topframeは、フラッシュ ナビゲーション コントロールを保持します 。bottomframeは、表示するコンテンツで更新されます。

メインのスクロール バーをマウスのスクロール ホイールで制御できるようにして、ページ全体を 1 つの単位としてシームレスにスクロールできるようにしたいと考えています。現時点では、スクロール ホイールを使用しようとしたときにマウス ポインターが配置されているため、フォーカスがトップフレームまたはボトムフレームのいずれかに落ちていると推測しています。

私が取り組んでいるページはhttp://96.9.39.101/indexflash.htmlで見ることができます

どのようなフレームまたは iframe が含まれているかに関係なく、マウスのスクロール ホイールが親 iframe mainのスクロール バーを常に制御するように強制するにはどうすればよいですか?

これには何らかの JavaScript が必要になると確信していますが、まだ単独でこの問題に飛び込むほど JS に精通していません。

indexflash.html:

<iframe name="main" src="indexflash2.html" width="100%" height=2505></iframe>

indexflash2.html:

<frameset framespacing="0" border="0" frameborder="0" rows="400,*">
<frame name="topFrame" height="400" scrolling="no" noresize target="bottomFrame" src="main.html">
<frame name="bottomFrame" height="2105" target="_self" scrolling="no" src="home.html">
<noframes>
</frameset>
4

1 に答える 1

1

onscroll イベントを使用して、2 つのフレームを同期できます。

編集- ウェブサイトは Chrome で問題なく動作します。スクロールについて奇妙なことは何もありません。ただし、IEはあまり機能しません。私のアイデアがうまくいくかどうかはわかりません。

<script type="text/javascript">
document.onscroll = function() {
    parent.b.document.body.scrollTop = document.body.scrollTop;
}
</script>

名前 b のフレームをスクロール フレームと同じポイントに同期しますが、それはおそらく必要なものではありません。

于 2009-05-18T18:31:10.470 に答える