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

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

如图所示

推荐一个博客