javascript - window.top.document.body.scrollTop 在 Chrome 或 FireFox 中不工作

Question

我有下面的代码可以打开一个模态窗口。这适用于 IE 8，但不适用于 Chrome 或 FF。我是跨浏览器功能领域的新手。

function ShowModal(WindowID,FramesetID)
{
    window.onscroll = function () { window.top.document.getElementById(WindowID).style.top = window.top.document.body.scrollTop; };
    window.top.document.getElementById(WindowID).style.display = "block";
    window.top.document.getElementById(WindowID).style.top = document.body.scrollTop;

    widthv=parseInt(parseInt(screen.width)/1.50);
    heightv=parseInt(parseInt(screen.height)/1.50); 

    window.top.document.getElementById(FramesetID).style.width=widthv;
    window.top.document.getElementById(FramesetID).style.height=heightv;
}

任何人都可以帮助使此代码与 Chrome 和 FF 兼容吗？
我尝试将 window.top 更改为 window.parent 但没有成功另外，在为多个浏览器编码时要记住任何规则(我已经浏览过但没有找到任何跨浏览器兼容性的规则集)？

更新:
问题是在 IE 中，这个模态窗口出现在大约一半的屏幕尺寸中。在 FF 和 Chrome 中，模态窗口显示为一元硬币大小。

Answer 1

根据浏览器当前的呈现模式，您可能需要使用 document.documentElement.scrollTop 而不是 document.body.scrollTop(对于 scrollLeft 也是如此)。

在 an Evolt article by Peter-Paul Koch 中有关于此问题的一些很好的背景资料(以 quirksmode.org 闻名)，但它是 2002 年的，现在有点过时了。

正如其他人所建议的那样，在 2011 年解决此类问题的最简单方法是仅使用现有的 JavaScript 框架。 jQuery非常受欢迎(尤其是在 StackOverflow 用户中)，但是 there are many others as well .