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;

  • 相关阅读:
    关于celery踩坑
    关于git的分批提交pull requests流程
    SymGAN—Exploiting Images for Video Recognition: Heterogeneous Feature Augmentation via Symmetric Adversarial Learning学习笔记
    AFN—Larger Norm More Transferable: An Adaptive Feature Norm Approach for Unsupervised Domain Adaptation学习笔记
    Learning to Transfer Examples for Partial Domain Adaptation学习笔记
    Partial Adversarial Domain Adaptation学习笔记
    Partial Transfer Learning with Selective Adversarial Networks学习笔记
    Importance Weighted Adversarial Nets for Partial Domain Adaptation学习笔记
    Exploiting Images for Video Recognition with Hierarchical Generative Adversarial Networks学习笔记
    improved open set domain adaptation with backpropagation 学习笔记
  • 原文地址:https://www.cnblogs.com/lyweb/p/2953595.html
Copyright © 2011-2022 走看看