无涯教程网

Jquery判断元素是否在视口中可见

发布于12月27日

Function to check if the div class "media" is within the browsers visual viewport regardless of the window scroll position.

<HTML>
<HEAD>
  <TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
  <div class="main">
   <div class="media"></div>
  </div>

</BODY>
</HTML>

Trying to use this plugin https://github.com/customd/jquery-visible with this function but I don't know how to make it work.

$('#element').visible( true );

推荐答案

According to the documentation for that plugin, .visible() returns a boolean indicating if the element is visible. So you'd use it like this:

if ($('#element').visible(true)) {
    // The element is visible, do something
} else {
    // The element is NOT visible, do something else
}

Jquery相关问答推荐

无法通过单击从元素获取数据

我需要在上一个表格单元格中显示计算结果

与其他 Javascript 框架相比，为什么 jQuery 被如此广泛地采用？

如何使用 jQuery 获取所有 ID？

如何使用 AJAX 和 jQuery 发布 django 表单

我们如何在不重新加载页面的情况下使用 javascript/jQuery 更新 URL 或查询字符串？

我如何从 ACE 编辑器中获得价值？

JavaScript 中的循环计时器

如何使用 jQuery 重置 jquery Select 的 Select 选项？

如何判断是否有任何 JavaScript 事件侦听器/处理程序附加到元素/文档？

jQuery $.browser 是否已弃用？

基于垂直滚动的jquery添加/删除类？

如何使用 JQuery 发布 JSON 数据？

jQuery scrollTop 在 Chrome 中不工作但在 Firefox 中工作

如何使用 jQuery Select 的插件重置表单？

如何让 twitter bootstrap 子菜单在左侧打开？

如何测试 URL 字符串是绝对的还是相对的？

PHPStorm IDE 中低效的 jQuery 使用警告

使用 jQuery 获取鼠标单击图像的 X/Y 坐标

清除表jquery

实用课程推荐

相关教程推荐