jq判断一个元素是否在可视范围内
来源:互联网 发布:博弈树算法包括哪些 编辑:程序博客网 时间:2024/05/17 19:17
场景重现
比如视频在页面中播放,当用户向下滚动页面时,假如视频元素不可见了,那么我们应该停止播放
相似的场景还有图片懒加载
简单思路
$(() => { // 只要将当前元素相对于窗口的高度+当前元素自身的高度和窗口的滚动距离做对比即可(注意要根据情况而定,对比参照物不一定是窗口,还有可能是父级div) setInterval(() => { console.log($('p').offset().top+$('p').outerHeight() > $(window).scrollTop())// true-可见 false-不可见 }, 1000)})
具体实现
- 确定对比参照物(比如是window)
- 监听对比参照物的scroll事件
- 对scroll事件进行函数节流和去抖
- 根据对比结果做出相应的回调
js函数去抖和节流示例
阅读全文
1 0
- jq判断一个元素是否在可视范围内
- 如何判断对象是否在摄像机的可视范围内
- js判断元素是否在可视区域内
- 判断元素是否在可视区域内
- Jquery判断页面元素是否在浏览器的可视区域内
- 判断用户是否在看当前网页以及判断某个元素是否在网页可视区域
- 如何判断一个div是否在页面可视区域内
- 根据经纬度判断一个点是否在一个矩形范围内
- 如何判断一个view 是否在另外一个view 范围内?
- 判断两个时间差是否在一个指定范围内
- oracle判断一个字符型日期是否在指定范围内
- 元素在浏览器可视区域判断
- 通过Jquery判断页面元素是否在浏览器的可视区域内
- 通过Jquery判断页面元素是否在浏览器的可视区域内
- 通过Jquery判断页面元素是否在浏览器的可视区域内
- 通过Jquery判断页面元素是否在浏览器的可视区域内
- 判断div是否在可视区内
- lua判断一个元素是否在表里
- windows下搭建python+selenium环境(批量删除sina微博)
- win10无法安装迅雷精简版解决办法
- 成为优秀程序员的黄金10条法则
- POJ 1065 Wooden Sticks(贪心 LIS思想)
- 【分治 求最近点对】hdu 1007 Quoit Design
- jq判断一个元素是否在可视范围内
- 【UR #4】元旦激光炮
- 3036: 绿豆蛙的归宿
- opencv3学习之边缘检测(Canny/Sobel/Laplacian算子)
- [编程题] 小易喜欢的数列
- pycharm 激活
- Cg内置函数
- Javascript第五天学习总结之Dom节点
- FileWiter --文件输出字符流