CSS样式属性(二)——scrollHeight(scrollWidth)、scollLeft(scollTop)

时间:2024-05-19 14:37:47

一、理解基础

CSS样式属性(二)——scrollHeight(scrollWidth)、scollLeft(scollTop)

  • 图一:box1是box2的父元素,当box2的height大于box1时,出现图一
  • 图二:当box1CSS代码中加入overflow:socroll时,会出现滚动条,便是图二

二、scrollHeight、scrollWidth属性

  • 代表滚动区域整个高宽
  • box1.scrollHeight与box2.scrollHeight显示的都是400
  • 即box2的height值

三、scollLeft、scollTop属性

scollLeft

  • 可以获取水平滚动条滚动的距离

scollTop

  • 可以获取垂直滚动条滚动的距离

如图所示
CSS样式属性(二)——scrollHeight(scrollWidth)、scollLeft(scollTop)

推荐一个博客