Javascript 滚动问题

Question

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

假设第 1 帧有 Sr. Nos 的列，即 1、2、3、4...第 2 帧有对应的 A、B、C、D 等列，第 3 帧有一个包含多行/多列的网格与其他 2 个 iframe 列对齐..

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

同样的功能如下;

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

}

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

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

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

请帮帮我。

Answer 1

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

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