jQuery 判断某个元素是否在可见区域内
jQuery判断元素DIV/H1/A标签是否在可视区域
JQuery元素到网页顶部距离
$("#app").offset().top;offset().top表示 绝对偏移值，比如说有一个很长的页面，#app这个元素 在最底下， $("#app").offset().top就表示 #app这个元素距离页面顶端的距离，它一般是固定的，不随窗口滚动而改变。
JQuery可视化窗口到网页顶部距离
$(window).scrollTop();窗口滚动的顶部偏移量,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离
Jquery可视化窗口高度
$(window).height();浏览器可视窗口的高度
三个高度可视化示例
以上三个距离的可视化参考：
代码示例
完整js代码如下：
<script type="text/javascript">
$(document).ready(function () {
$(window).scroll(function () {
var appTop2Top = $("#app").offset().top; //元素顶部到页面顶部的高度绝对距离
var viewHeight = $(window).height();//可视窗口高度
var window2Top = $(window).scrollTop();//可视区域顶部到页面顶部绝对距离
if (appTop2Top >= window2Top && appTop2Top < (window2Top +viewHeight)) {
alert("元素#app在可视范围");
}
});
});
</script>代码条件示例图
以上代码条件满足参考示例图：
其他情况，可根据业务需求进行条件修改。
http://blog.xqlee.com/article/634.html
评论
相关文章
使用jQuery判断元素是否在可视区域 $("#app").offset().top; offset().top表示 绝对偏移值，比如说有一个很长的页面，#ap
尽管现在前端技术发展飞速发展，各种技术迭代很快，但jQuery还是在一些企业站或者简单网页尝尝用到，本文记录一下学写jQuery插件的内容，愿新手共勉，共同进步
jquery/j获取raido选中元素/选中值html<div id="testRaidoGroup">l;<input type="radio" name="te
定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创
jquery模拟点击事件写法//语法:$(selector).trigger("click");$('#test).trigger("click"); over
JavaScript/jquery选择同级兄弟节点选择上下级节点方法<script>l;function js_selector() {var s= documen
jquery动态绑定事件处理一些由于html代码是动态生成，导致普通的$('selector') 绑定事件失败问题<!DOCTYPE html>l;<html>l;<h
js/jQuery获取textarea的光标位置实现光标位置插入内容
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素，可以使用 splice() 方
layer.prompt弹出框设置默认值,layer.prompt弹出框如何默认值，偶尔需要给layer的弹出设置默认值这里详细讲解一下
artDialog v7 使用说明及API文档,artDialog ,artDialog具有bootstrap风格的弹窗组件
问题:artdialog怎么使用?一、获取artdialog组件获取途径:官网下载:http://aui.github.io/artDialog/GitHub获