JavaScript 滚动问题

发布于 2024-11-19 15:45:13 字数 859 浏览 1 评论 0原文

我有一个页面，有 3 个不同的框架，形成一个完整的网格。

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

现在滚动条仅显示在框架 3 中，用户只能滚动浏览框架 3，而顶部的其他 2 个框架有点像同步或按照第三帧上的滚动动作移动...

执行相同操作的函数如下；

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; 从第三帧内调用此函数；

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

我真的不知道会发生什么在这些情况下是错误的..

请帮助我。

原文

I have a page with 3 different frames which form a complete grid ..

So say frame 1 has columns for Sr. Nos i.e. 1,2,3,4...frame 2 has corresponding columns for A,B,C,D, etc and frame 3 has a grid with multiple row/cols aligned with the 2 other iframe columns..

Now the scrollbar is only shown in frame 3 and the user can only scroll through frame 3 while the other 2 frames on the top are kind of synced or moved as per the scroll action on the 3rd frame...

The function to do the same is as follows;

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

}

This function is called from within the 3rd frame using window.onscroll = syncScroll;

Now for some reason, on some of the machines, this does not work as intended (even though it is inconsistent behavior) and hence it does not show the columns in the different frames aligned correctly..

I have really no clue what might be going wrong in those cases..

Please help me.

分享到QQ

分享到微博