前端js怎么实现滚动条下拉,文字内容动态出现,上拉离开视口又消失

我知道是要根据滚动条的移动,来判断内容盒子是否在可视窗口内,具体这个怎么判断啊?是要判断距离窗口最上方的距离么

网页可见区域宽度: document.body.clientWidth
网页可见区域高度: document.body.clientHeight
网页可见区域宽度: document.body.offsetWidth (包括边线的宽)
网页可见区域高度: document.body.offsetHeight (包括边线的高)
网页正文全文宽度: document.body.scrollWidth
网页正文全文高度: document.body.scrollHeight
网页上边卷曲的高度: document.body.scrollTop
网页左边卷去的宽度: document.body.scrollLeft