zoukankan      html  css  js  c++  java
  • js文档高度位置相关值获取

    本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery $(window).height();一样的值,
    文档的高度document.body.clientHeight||document.documentElement.clientHeight,
    文档滚动条位置document.body.scrollTop||document.documentElement.scrollTop
    但没有定义W3C标准会有问题

    var dd = document.body || document.documentElement;

    var h1 = Math.max(dd.clientHeight,db.clientHeight);
    var h2 = Math.max(dd.scrollHeight,db.scrollHeight);
    var objH = Math.max(h1,h2);

     ===============测试总结==================

    has w3c

    chrome:document文档高度($(document).height())==document.body.clientHeight;

    document.documentElement.scrollHeight==document.body.scrollHeight

    可视高度($(window).height())==document.documentElement.clientHeight;

    scrollTop==document.body.scrollTop

    firefox:document文档高度==document.body.clientHeight;

    document.documentElement.scrollHeight==document.body.scrollHeight

    可视高度==document.documentElement.clientHeight;

    scrollTop==document.documentElement.scrollTop;

    ie:document文档高度==document.body.clientHeight;

    document.documentElement.scrollHeight==document.body.scrollHeight

    可视高度==document.documentElement.clientHeight;

    scrollTop==document.documentElement.scrollTop;

    no w3c

    chrome:document文档高度($(document).height())!=document.body.clientHeight;

    document文档高度==document.documentElement.clientHeight;

    document.documentElement.scrollHeight==document.body.scrollHeight

    可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度

    可视高度为document.body.clientHeight;

    scrollTop==document.body.scrollTop

    firefox:document文档高度($(document).height())!=document.body.clientHeight;

    document文档高度==document.documentElement.clientHeight;

    document.documentElement.scrollHeight==document.body.scrollHeight

    可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度

    可视高度为document.body.clientHeight;

    scrollTop==document.body.scrollTop

    ie:document文档高度==document.body.scrollHeight;

    可视高度==document.body.clientHeight;

    document.documentElement.scrollHeight

    document.documentElement.clientHeight==0

    scrollTop==document.body.scrollTop

    has w3c兼容

    文档高(推荐scrollHeight,document.body.clientHeight || document.documentElement.clientHeight;)

    --------------------------------------兼容ie firefox chrome--------------------------------

    文档高document.documentElement.scrollHeight||document.body.scrollHeight;(注意)

    可视高document.documentElement.clientHeight || document.body.clientHeight;

    scrollTop==document.documentElement.scrollTop||document.body.scrollTop;

    -------------------------------------------------------------------------------------------

    no w3c兼容

    文档高document.documentElement.clientHeight || document.body.scrollHeight;

    可视高document.body.clientHeight

    scrollTop==document.documentElement.scrollTop||document.body.scrollTop;

  • 相关阅读:
    PHP 批量生成静态文件目录代码
    PHP 导出Excel 文档
    Samba Server 配置
    PHP curl超时问题
    php ci 2.0框架 ORM
    YII 的基本CURL操作
    PHP 操作socket 实现简易聊天室
    PHP simplexml_load_string 过滤<![CDATA[XXXX]]>
    PHP 获取当天 凌晨 时间戳常用代码
    2019年值得你使用的20大开发工具
  • 原文地址:https://www.cnblogs.com/lyweb/p/2953595.html
Copyright © 2011-2022 走看看