• 技术文章 >web前端 >js教程

    jQuery窗口、文档、网页各种高度的精确理解_jquery

    2016-05-16 16:42:42原创388
    $(document).height():整个网页的高度
    $(window).height():浏览器可视窗口的高度
    $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)

    用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。

    当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。

    不建议使用$("html").height()、$("body").height()这样的高度。

    原因:

    $("body").height():body可能会有边框,获取的高度会比$(document).height()小;
    $("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器不兼容。
    $(window).height()值有问题,返回的不是浏览器窗口的高度?

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:窗口 文档 高度
    上一篇:js从Cookies里面取值的简单实现_javascript技巧 下一篇:jQuery的:parent选择器定义和用法_jquery
    千万级数据并发解决方案

    相关文章推荐

    • JavaScript内置对象Math实例分享• angular学习之聊聊指令和管道• JavaScript知识点整理之获取元素和节点• 一文浅析angular中的组件模板• 一起聊聊JavaScript函数式编程
    1/1

    PHP中文网