同步滚动两帧（请浏览器无关！）

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);