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;

  • 相关阅读:
    中移动ipv6-老毛子固件获取ipv6设置
    win7-win10 禁用IPV6临时地址
    辅助调用函数【call,apply,bind】
    Unraid修改docker镜像地址&默认启动
    docker基本入门知识-小白向
    [不止于代码]Unraid基本使用速记
    Dockerfile文件说明
    Git之pull,fetch差别
    代码片段添加智能提示,打造一款人见人爱的ORM框架
    新定义三层,指挥官模式
  • 原文地址:https://www.cnblogs.com/aim-at-is-the-tao-in/p/3398565.html
Copyright © 2011-2022 走看看