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;

  • 相关阅读:
    offsetwidth/clientwidth的区别
    React-redux-webpack项目总结之用到的Es6基本语法
    【转载】WebService到底是什么?
    W3School WebService教程
    【转载】C++之继承与多态
    抽象类指针
    const函数
    指针和const限定符
    void与void *
    构造函数初始化
  • 原文地址:https://www.cnblogs.com/aim-at-is-the-tao-in/p/3398565.html
Copyright © 2011-2022 走看看