clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

js 操作DOM这几个是常见的，合格前端必须掌握其中的概念

  • clientHeight: 元素可见区域高;
  • offsetHeight: 可见区域高(包括边线的高);
  • scrollHeight: 包扣滚动不可见部分元素的高度, scrollHeight>=clientHeight恒成立;
  • offsetTop: 元素顶部距离最近父元素顶部的距离;

  • scrollTop: 有滚动条时，滚动条向下滚动的距离也就是元素顶部被遮住部分的高度,没有滚动条时scrollTop==0


    height.jpg
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容