JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight
|
clientHeight，只读???可以用公式 ??来计算。  如图，这样一个div，它的clientHeight为95，计算：50(height)+30(padding-top)+30(padding-bottom)-15(经测量滚动条高度就是15)=95
clientTop，只读
一个元素顶部边框的宽度（以像素表示）。嗯。。就只是??? 类似的属性还有一个??，顾名思义…… offsetHeight，只读元素的offsetHeight是一种元素CSS高度的衡量标准，包括元素的边框、内边距和元素的水平滚动条（如果存在且渲染的话），是一个整数。 还是上面的图，div的offsetHeight为112。计算：50+60(上下内边距)+2(上下边框)=112 offsetTop，只读
它返回当前元素相对于其? 还是上面那张图，div的offsetTop为20，因为margin-top是20，距离html顶部的距离是20... scrollHeight，只读
Document
因为限制了父元素的高度，所以不能全部显示子元素，设置了overflow之后，可以通过滚动条的形式滑动查看子元素。效果如图1，如果没有限制父元素的高度，那么效果将如图2显示。
所以这里scrollHeight为220，计算：200+10+10=220 scrollTop，可写是这些元素中唯一一个可写可读的。 下面的图是用微信截图随便画的:D（不小心混入了一个光标。。
所以当滚动条在最顶端的时候，??，当滚动条在最低端的时候，?? 这个115怎么来的（滚动条高度是15，我量的），见下图。（实为我主观臆测，不保证准确性。。。_(:з」∠)_
scrollTop是一个整数。 如果一个元素不能被滚动，它的 设置scrollTop的值小于0， 如果设置了超出这个容器可滚动的值,? 判定元素是否滚动到底： element.scrollHeight - element.scrollTop === element.clientHeight
返回顶部 element.scrollTop = 0
一个简单的返回顶部的时间，一个需要注意的地方是，动画是由快到慢的。
返回顶部
|
