【问题标题】:check whether div element is visible on screen检查 div 元素是否在屏幕上可见
【发布时间】:2015-03-29 15:30:43
【问题描述】:

我只想在 div 加载事件上制作动画图像,但图像在页面加载时获得动画效果。所以要做到这一点,我检查 div 可见插件。我正在使用Visible 插件来检查内容是否在屏幕上可见。如果我在单独的文件中执行此操作很好,但如果我集成到我的实际网站中,它将根本无法工作。我真的不明白为什么它在集成到我的网站后不起作用。请帮我。

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

html代码:

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

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

【问题讨论】:

  • 添加几行代码。

标签: javascript jquery html css


【解决方案1】:

与其将插件用于如此简单的事情......你为什么不做一些类似的事情 -

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

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

取决于您所说的可见性。

【讨论】:

  • 可见表示在视口上显示。
  • 你的意思是除了 display:none 之外的其他元素,对吧?
  • 是的。所有元素在页面加载时都处于活动状态,但是当我们向下滚动时,它们会在视口上显示我想要的事件
猜你喜欢
  • 2011-07-18
  • 1970-01-01
  • 2016-04-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多