判断页面div是否在显示范围之内

liyaxue

于 2016-07-12 16:05:24 发布

阅读量375

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/liyaxue/article/details/51889908

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个用于检测页面上特定元素是否在视口内的JavaScript函数。该函数通过比较元素顶部的位置与视口滚动位置及高度来判断元素是否可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 function inView(selector){
   var option = 50;
   var winTop = $(window).height();
   var winScrolled = $(window).scrollTop();
   var selectorTop = $(selector).offset().top;
   if (winScrolled+winTop>selectorTop+option){
     return true;
   }
   else{return false;}   
 }