检查div元素是否在屏幕上可见

Question

我想仅在div load事件上执行动画图像，但图像在页面加载时获得动画。所以要做到这一点，我检查div可见插件。我正在使用Visible插件来检查内容是否在屏幕上可见。如果我在单独的文件中这样做，这可以正常工作，但如果我在我的实际网站中集成它将无法正常工作。我真的没有理解为什么它在我的网站集成后无法正常工作。请帮我。

if($('#slide1').visible(true))
          alert('visible');

html代码：

<div id="silde1"> <img src="sample.png" /> </div>

如果我在单独的文件中执行此代码，则此代码有效。但不是在我的网站上。

Answer 1

而不是使用插件来做这么简单的事情......为什么不做一些像 -

这样的事情

if($("#element").css("display") == "none") { .. } 

或

if($("#element").css("visibility") == "hidden") { .. } 

取决于您对可见度的意义。