同步滚动两个框架（请与浏览器无关！）

Question

我有一个由三个框架组成的网页，如下所示：

+----------------+
|       0        |
+-------+--------+
|       |        |
|   1   |    2   |
|       |        |
+-------+--------+

框架 1 和 2 用于比较一些相似的数据。我想同步这些框架上的垂直滚动条（将两侧的滚动条值设置为相同）。

我当前的方法是在框架 0 中包含以下代码：

<script>
   function scroll_sync() {
      var f1 = window.parent.frames[1];
      var f2 = window.parent.frames[2];

      f1.onscroll = function () { f2.scroll(f2.scrollX, f1.scrollY); }
      f2.onscroll = function () { f1.scroll(f1.scrollX, f2.scrollY); }
   }

  dojo.addOnLoad(scroll_sync);
</script>

这在 Firefox 3.x 和 Chrome 5.x 中运行良好。但在 Internet Explorer 8 中则不然。有什么想法吗？

Answer 1

在 IE 中，我认为您需要使用 scrollTo ，例如： f2.scrollTo(0,f1_scroll_position);