总是用鼠标滚轮滚动父框架？

Question

我在 indexflash.html 中有一个iframe main ，其中包含html文档 indexflash2.html ，其中包含两个框架 topframe （加载main.html）和底帧（加载home.html）。 topframe 和 bottomframe 都有 scrolling =“no”。

topframe 包含Flash导航控件 bottomframe 使用要显示的内容进行更新

我希望能够使用鼠标滚轮控制 main 的滚动条，这样您就可以无缝地将整个页面作为一个单元滚动。现在，我猜测焦点会落到 topframe 或 bottomframe 上，因为当您尝试使用滚轮时鼠标指针所在的位置。< / p>

我正在处理的页面可以在http://96.9.39.101/indexflash.html

看到

如何强制鼠标滚轮始终控制父iframe 主的滚动条，无论其中包含哪些框架或iframe？

我确定这需要一些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>

Answer 1

您可以使用onscroll event同步两个帧。

编辑 - 这个网站在Chrome中运行正常，滚动没什么好奇的。虽然IE不起作用。我不确定我的想法是否有用。

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

将帧与名称b同步到与滚动帧相同的点，但这可能不是您需要的。