如何判断一个Div是否在在可视区域内? 拉动滚动条后, 如何判断一个Div是否在在可视区域内? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 思路:判断div离顶部距离,判断滚动距离,比较 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <title>js</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(window).scroll(function () { var a = document.getElementById("eq").offsetTop; if (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) { alert("div在可视范围"); } }); }); </script></head><body> <div style="width:1px;height:2000px;"></div> <div id="eq" style=" width:100px; height:100px; background-color:Red;">1</div> <div style="width:1px;height:2000px;"></div></body></html>给你参考,不保证兼容,offsetTop,scrollTop,clintTop这些都很麻烦,我还没搞清楚 【EXT-UploadDialog相关】求UploadDialog的各种参数解释 超炫效果!超高难度ajax排序问题 如何给事件传递参数 谁能给我一个元素随着鼠标移动的例子? 怎么才可以做到一定时间内让 default 变为 hidden 求一段能左右移动的代码,效果如下连接所示 netscape vs IE 字符串问题? 一个简单的显示问题,不过俺很着急 如何得到一个字符串的字节数? 一个 js 获取相同name对象的问题 JS面向对象(创建类 继承类 )的实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>js</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(window).scroll(function () {
var a = document.getElementById("eq").offsetTop;
if (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) {
alert("div在可视范围");
}
});
});
</script>
</head>
<body>
<div style="width:1px;height:2000px;"></div>
<div id="eq" style=" width:100px; height:100px; background-color:Red;">1</div>
<div style="width:1px;height:2000px;"></div>
</body>
</html>给你参考,不保证兼容,offsetTop,scrollTop,clintTop这些都很麻烦,我还没搞清楚