offsetWidth的浏览器兼容问题。

Question

offsetWidth在IE和火狐上都正常，能正常控制宽度。 但是在Chrome（谷歌浏览器）和遨游浏览器上用JS的offsetWidth来控制宽度时，控制不了，页面上的宽度是0.急，求解，在线等...

Answer 1

根据这个自己改吧～！function getWindowSize() {
    if (self.innerHeight) { // WEBKIT
        return { 'width':self.innerWidth, 'height':self.innerHeight };
    } else if (document.documentElement && document.documentElement.clientHeight) { // IE standards 模式
        return {
            'width' :document.documentElement.clientWidth,
            'height':document.documentElement.clientHeight
        };
    } else if (document.body) { // IE quirks 模式
        return {
            'width' :document.body.clientWidth,
            'height':document.body.clientHeight
        };
    }
}

Answer 2

l_items_width += this.parentNode.parentNode.offsetWidth;这是我的JS控制代码。

Answer 3

var l_items_width = 0;l_items_width += this.parentNode.parentNode.offsetWidth;context.nav.find('.ad-thumb-list').css('width', l_items_width + 'px');

Answer 4

var l_items_width = 0;l_items_width += this.parentNode.parentNode.offsetWidth;context.nav.find('.ad-thumb-list').css('width', l_items_width + 'px');整个的代码太长了，是个JQ插件。

Answer 5

在jquery低版本中不支持innerHeight

Answer 6

我之前也遇到类似的问题。
JQ加载了两个层，由于css的z-index值设置，导致无法取到相对于父窗口的偏移量。

Answer 7

如果不是浏览器兼容的问题，
请检查一下css文件的display和z-index设置。