如何判断元素是否到达可视区域

前端这点事 140 0

以图片显示为例:

  • window.innerHeight 是浏览器可视区的高度;

  • document.body.scrollTop || document.documentElement.scrollTop 是浏览器滚动的过的距离;

  • imgs.offsetTop 是元素顶部距离文档顶部的高度(包括滚动条的距离);

  • 内容达到显示区域的:img.offsetTop < window.innerHeight + document.body.scrollTop;



标签: CSS

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~