如果元素在视线中，做一些事情

Question

我有一个滑块。它可以激活图层内部的内容。它还可以激活图层。所以;我想要的是当视频层出现时，它从滑块区域中激活视频本身;我需要做点什么。

这是我到目前为止所做的。但它不起作用。

if ($(".homeBannerVideoBg").live().is(":inView")) {
    $("body").addClass("YEEHA");
}
else {
    $("body").addClass("VUUHUU");
}

homeBannerVideoBg是我的视频元素。

我能在这里找到帮助吗？

Answer 1

https://github.com/protonet/jquery.inview

有一个很棒的插件，用于确定当用户滚动页面时元素何时进入视图。它采用事件的形式，因此您可以使用回调来执行操作，就像“点击”一样

Answer 2

尝试:visible

   if ($(".homeBannerVideoBg").is(":visible")) { 
        $("body").addClass("YEEHA"); 
   } 
   else { 
        $("body").addClass("VUUHUU"); 
   }