背景：
有些时候，为了性能优化，我们需要做一些操作，比如让图片，元素、或者组件在可视区域的时候去渲染，这也是平时非常常见的处理方式
一般常用如下方式：
条件一知识点：offsetTop、scrollTop、clientHeight
一般情况下，上述方式可以满足大部分场景，但是，不太严谨，于是有时候也会再加一个条件
条件二知识点：offsetTop、scrollTop、offsetHeight
条件二
最后一般使用方式是
if(offsetTop < scrollTop + clientHeight && offsetTop > scrollTop - offsetHeight) {
console.log('相关逻辑处理')
}
如下动图示意
