Javascript滚动问题

Question

我有一个包含 3 个不同框架的页面，它们形成了一个完整的网格..

所以说第 1 帧有 Sr 的列。即 1、2、3、4...第 2 帧有对应的 A、B、C、D 等列，第 3 帧有一个多行/多列的网格与其他 2 个 iframe 列对齐..

现在滚动条只显示在第 3 帧中，用户只能滚动浏览第 3 帧，而顶部的其他 2 帧根据第 3 帧的滚动动作同步或移动...

做同样事情的函数如下；

function syncScroll()
{
   var left = "";
   var top = "";

   if (window.pageXOffset)
   {
      left = window.pageXOffset;
      top = window.pageYOffset;
   }
   else
   {
      left = document.body.scrollLeft;
      top = document.body.scrollTop;
   }

   for(i=0; i<parent.frames.length; i++)
   {
      if (parent.frames.name != this.name)
      {
         parent.frames[parent.frames[i].name].scrollTo(left,top);
      }
   }

}

使用 window.onscroll = syncScroll; 从第 3 帧内调用此函数；

现在由于某种原因，在某些机器上，这不能按预期工作（即使它是不一致的行为），因此它不会显示不同框架中的列正确对齐..

我真的不知道在这些情况下可能出了什么问题..

请帮帮我。

Answer 1

如果你会使用 jQuery，试试这个：

http://plugins.jquery.com/project/Scrollsync