zoukankan      html  css  js  c++  java
  • offsetheight 和clientheight、scrollheight、scrollTop区别

    • clientHeight:元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实践取出来的大多是视口大小)
    • scrollHeight: 滚动大小,指的是包含滚动内容的元素大小(元素内容的总高度)
    • offsetHeight: 偏移量,包含元素在屏幕上所用的所有可见空间(包括所有的内边距滚动条和边框大小,不包括外边距
    • window.screen.height:屏幕分辨率高document.body.scrollTop:网页被卷去的高
    • 1、clientHeight
    • clientheight=padding+height-横向滚动轴高度。如下图:
    • 2、offsetheight

    • offsetheight=padding+height+border+横向滚动轴高度
    • 3、scrollheight
    • scrollheight为内容高度,如下图的选中的元素userlists,可视高度为170px,但是内容高度为2549px;
    • 4、scrollTop

    • scrollTop网页卷起来的高度(网页向上移动过程中,跑上去看不见的部分)。可以理解为scroll top offset是滚动条相对于其顶部的偏移。
  • 相关阅读:
    2019年8月20日 item系列
    变量和字符
    python命名规则
    五大常用算法之贪心算法
    过河卒
    组成三位数
    编码问题
    FatMouse' Trade
    A Boring Game
    螺旋矩阵
  • 原文地址:https://www.cnblogs.com/wangdan0915/p/7562708.html
Copyright © 2011-2022 走看看