发表新帖
发表新帖

Why does Firefox return 0 as the value of $(window).height()

前端 未结
关注
7 859
野性不改
野性不改 2021-01-04 12:41

It seems to me that Firefox ought to be better equipped to return the proper value when using $(window).height().

I am using jQuery 1.8.2. Is this a bug

相关标签:
7条回答
  • 温柔的废话
    2021-01-04 13:07

    You have to use <!DOCTYPE html> tag at the beginning, and everything will be fine.

    0 讨论(0)
  • 无人共我
    2021-01-04 13:08

    jQuery's $(window).height() is sensitive to doctype. Try <!doctype html> ?

    The jQuery 1.8.1 release notes say

    Don’t use Quirks mode! jQuery has never supported Quirks mode and we do not perform any testing in Quirks. This can affect values like $("window").height(), and the jQuery 1.8 Quirks mode results did change in order to support some modern browser features. The majority of problem cases we’ve seen are from developers that wanted to be in Standards mode but had an invalid doctype or extraneous markup before their tag. When in doubt, use the simple and short <!doctype html>.

    For example, with jQuery 1.8.2 and Firefox 16, I get a valid $(window).height() with doctype html, but height 0 with doctype html5. In Chromium 20, both work. (The W3C HTML5 spec does say to use doctype html, not html5.)

    0 讨论(0)
  • 闹比i
    2021-01-04 13:08

    $(window).height() and also $(window).width() return 0 in IE when in compatibility mode. Not check this in FireFox, may be the same. try to use $(document).height() or $(document).width() instead.

    0 讨论(0)
  • 暖寄归人
    2021-01-04 13:09

    Try this function:

    function GetBrowserDim() {
    if (window.innerHeight) {
        return { w: window.innerWidth, h: window.innerHeight};
    } else {
        return { w: document.body.clientWidth, h: document.body.clientHeight };
    }
}
    0 讨论(0)
  • 伪装坚强ぢ
    2021-01-04 13:13

    in my case i had to delete the attributes in the html element

    <html lang="en-US" prefix="og: http://ogp.me/ns#">

    changed to just

    <html>

    now i get the correct document width and height

    0 讨论(0)
  • 情歌与酒
    2021-01-04 13:14

    I found the answer to this strange render of height by jquery in Firefox...

    I used class="no-js" in my html tag with doctype... when I removed this, FF calculated correctly... so I added this class with jquery like this $('html').addClass('no-js');

    now the calulated is same in all browsers..

    0 讨论(0)
 看不清?
提交回复
热议问题