关于页面已卷动高度

来源:2-14 BOM特效开发(1)

一坨羊毛

2022-01-18 16:04:49

相关代码:

document.documentElement.scrollTop=contentPart.offsetTop;
document.documentElement.scrollTop=contentPart.scrollTop;

问题描述:

为什么在此题中第一个有反应而第二句没有反应?offsetTop和scrollTop和scrollY在没有其他定位元素的情况下在使用上有什么区别?

写回答

1回答

好帮手慕然然

2022-01-18

同学你好,解答如下:

offsetTop是指当前元素顶端距离父元素顶端的距离,一般用于获取元素的绝对位置,所以不管contentPart元素有没有发生滚动,contentPart.offsetTop的值都是一个固定值。

https://img.mukewang.com/climg/61e680e1091e765915800814.jpg

而scrollTop是指某个可滚动元素垂直滚动的距离,之所以contentPart.scrollTop的值没有反应,是因为contentPart元素没有发生滚动。

最后,scrollY是window对象的属性,是指文档当前垂直滚动的距离,如图

https://img.mukewang.com/climg/61e6898c096203a617860591.jpg

https://img.mukewang.com/climg/61e6899309779b5218730626.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程