• 关于offset,client,scroll的认识


    在内容不够一屏幕的情况下:

    document.documentElement:(chroma不支持)

    scrollHeight:整个屏幕的高度(FF,IE都一样)

    offsetHeight:内容的高度(FF),IE是整个屏幕的高度

    clientHeight:整个屏幕的高度(FF,IE都一样)

    document.body:(内容的高度)

    scrollHeight:内容的高度(FF,IE一样)

    offsetHeight:(FF,IE都一样)

    clientHeight:内容的高度(FF,IE一样)

    在内容超过一屏幕的情况下:

    document.documentElement:

    scrollHeight:文档的高度(FF,IE,chroma都一样)

    offsetHeight:文档的高度(FF,chroma),IE是整个屏幕的高度

    clientHeight:整个屏幕的高度(FF,IE,chroma都一样)

    document.body:(内容的高度)

    scrollHeight:内容的高度(FF,IE,chroma都一样)

    offsetHeight:内容的高度(FF,IE,chroma都一样)

    clientHeight:内容的高度(FF,IE,chroma都一样)

    以上总结:

    1. document.body是指内容的高度,内容多高他就多高,而不管是scroll,offset,client

    2. document.documentElement:scrollHeight如果不够一屏,算一屏的高度,clientHeight是指屏幕的高度,offsetHeight其它浏览器算内容高度,IE算屏幕高度

    弹层遮罩可以使用document.documentElement.scrollHeight

    3.元素的scrollHeight,offsetHeight,clientHeight;

    offsetHeight==clientHeight等于元素设置的高度

    scrollHeight(FF算元素设置的高度,IE和chroma算Math.max(内容高度,设置元素的高度))

  • 相关阅读:
    【洛谷p1309】瑞士轮
    【洛谷p1190】接水问题
    KMP算法小记
    【洛谷p1051】谁拿了最多奖学金
    【洛谷p1781】宇宙总统
    【6.12校内test】T2 子集
    【6.12校内test】T3 城市交通费
    【6.12校内test】T1单词序列
    【洛谷p1464】 Function
    IOS基础之 (十二) 类的扩展
  • 原文地址:https://www.cnblogs.com/xiaohui108/p/2663483.html
Copyright © 2020-2023  润新知