相关疑难解决方法(0)

我怎样才能得到windowWidth,windowHeight,pageWidth,pageHeight,screenWidth,screenHeight,pageX,pageY,screenX,screenY将在所有主要浏览器工作？

我遇到了一个奇怪的问题,似乎是各种版本的Webkit浏览器.我试图将一个元素放在屏幕的中心并进行计算,我需要得到各种尺寸,特别是身体的高度和屏幕的高度.在jQuery我一直在使用:

var bodyHeight = $('body').height();
var screenHeight = $(window).height();

我的页面通常比实际视口高很多,所以当我'警告'那些变量时,bodyHeight最终会变大,而screenHeight应该保持不变(浏览器视口的高度).

这是真的 - Firefox - Chrome 15(哇!Chrome什么时候进入15版？) - iOS5上的Safari

这不适用于: - iOS4上的Safari - Safari 5.0.4

在后两者上,$(window).height();始终返回相同的值$('body').height()

认为它可能是一个jQuery问题,我换掉了窗口高度window.outerHeight但是,它也做了同样的事情,让我觉得这实际上是某种webkit问题.

有没有人碰到这个并知道解决这个问题的方法？

为了使事情复杂化,我似乎无法孤立地复制这一点.例如:http://jsbin.com/omogap/3工作正常.

我已经确定这不是一个CSS问题,所以也许还有其他JS对我需要找到的特定浏览器造成严重破坏.

我的页面上有一个模态div,它可以显示背景.如果我将叠加div的高度设置为100%,它在IE(桌面)上工作正常,但在iPad Safari上,完整的高度不会变灰.究竟是什么问题？它与固定位置/视口有关吗？请帮忙.下面是相同的CSS;

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.TB_overlayBG {
    background-color: #000000;
    opacity: 0.4;
}