首先html代码结构如下
<body> <div id='container'>
```
其他内容
```
<div id='abc'> 是否在可视区 </div> </div> </body>
思路一:
首先获得屏幕可用宽度:
var total = document.body.offsetHeight
获得abc距文档顶部高度
var a = document.getElementById('abc').getBoundingClientRect() 获得一个对象如下
a.top即为所需要的距离滚动元素顶部距离。如果a.top>total 说明元素目前不可见
现在只需要获得元素滚动的长度即可判断元素是否在可视区内
var scroll = document.getElementById('container').scrollTop//滚动距离
scroll + total > a.top 元素可见
思路二:
扫描二维码关注公众号,回复:
4395314 查看本文章
监听滚动事件 一直取值 document.getElementById('abc').getBoundingClientRect();判断top是否小于屏幕高度