window.top.document.body.scrollTop在Chrome或FireFox中不工作
window.top.document.body.scrollTop在Chrome或FireFox中不工作
提问于 2011-09-15 18:44:38
下面的代码将打开一个模态窗口。这在IE8中有效，但在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中，模式窗口显示的大小约为一美元硬币。
回答 7
Stack Overflow用户
回答已采纳
发布于 2011-09-15 18:52:08
我会像克里斯熊猫建议的那样推荐jQuery。jQuery有一个内置的滚动事件，其余的可以用几行代码编写来操作html / css。
http://api.jquery.com/
Stack Overflow用户
发布于 2011-09-15 19:45:17
根据浏览器当前的呈现模式，您可能需要使用document.documentElement.scrollTop而不是document.body.scrollTop (同样也适用于scrollLeft)。
在彼得·保罗·科赫(Peter)的一篇Evolt文章 (关于quirksmode.org的名气)中有一些关于这个问题的良好背景，但它是从2002年开始的，现在有点过时了。
正如这里的其他人所建议的那样，在2011年解决这类问题的最简单的方法就是使用现有的JavaScript框架。jQuery非常流行(特别是在StackOverflow用户中)，但是还有很多其他的。
Stack Overflow用户
发布于 2013-09-23 13:18:01
另一种解决办法是：
(document.documentElement.scrollTop || document.body.scrollTop)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7435843
复制相关文章
相似问题
腾讯云开发者
