javascript - IE6 模态居中问题

Question

我在我的网站上使用弹出模式，但遇到可怕的 IE6 问题。
模式在页面中间弹出 smack bang 直到页面是一个长滚动条，然后 IE6 打开模式但你需要向上滚动才能找到它。

我使用的代码如下。

$(id).css('top',  winH/2-$(id).height()/2);  
$(id).css('left', winW/2-$(id).width()/2);  

任何人都可以建议 IE6 的 hack。
谢谢。

Answer 1

这在其他浏览器上也不适用，因为您没有提供页面滚动偏移量。您还应该将元素保存到一个变量中，以防止 jQuery 遍历 DOM 四次，您还可以将 css 声明合并为一个。试试这个:

var el = $(id);
el.css({
    top:  $(window).scrollTop() + winH / 2 - el.height() / 2,
    left: winW / 2 - el.width() / 2
});  

另一种方法是使用文档高度而不是窗口高度。窗口高度是屏幕上当前可见页面的高度，文档高度是整个页面的高度。使用文档高度:

var el = $(id);
el.css({
    top:  $(document).height() / 2 - el.height() / 2,
    left: winW / 2 - el.width() / 2
});