，对于我这个前端小白，还是好先搞定如何判断元素出现在可视区啊！ jquery实现起来比较简单，先解释下 ...

js部分: ...

js 判断进入可视区域 CreateTime--2018年4月14日08:17:41 Author:Marydon 1.使用场景 　　图片懒加载时候需要用到，其他情况暂时没有遇到，欢迎留言补充！ 2.代码实现 拓展 ...

前言：最近工作中，有这样一个场景，判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。为了以后再次遇到，所以记录下来，并分享。转载请注明出处：https://www.cnblogs.com/yuxiaole/p/9302392.html 网站地址 ...

前言： 　　在业务当中，我们经常要计算元素的大小和元素在页面的位置信息。比如说，在一个滚动区域内，我要知道元素A是在可视区内，还是在隐藏内容区（滚动到外边看不到了）。有时还要进一步知道，元素是全部都显示在可视区，还是有部分在可视区部分在隐藏内容区。有时还要进一步知道，在隐藏内容区的那一部分是占 ...

getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert ...

,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离 ...

如果页面有头部置顶和底部置底的元素，需要自行进行计算： scrollTop + 头部置顶元素高度 screenHeight - （置顶和置底元素的高度） ...