So verwenden Sie jQuery, um festzustellen, ob sich ein Div im sichtbaren Bereich befindet. Bestimmen Sie, ob ein Div sichtbar ist

So verwenden Sie jQuery, um festzustellen, ob sich ein Div im sichtbaren Bereich befindet. Bestimmen Sie, ob ein Div sichtbar ist_jquery

WBOY

Freigeben： 2016-05-16 15:15:16

Original

1570 Leute haben es durchsucht




<!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>

Nach dem Login kopieren

Der obige Code ist die vom Editor eingeführte Methode, um mithilfe von jQuery festzustellen, ob sich ein Div im sichtbaren Bereich befindet. Ich hoffe, dass er für alle hilfreich ist. Im nächsten Codeteil erfahren Sie, wie JQuery ermittelt, ob ein Div ausgeblendet ist. Der spezifische Code lautet wie folgt:

<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jquery 如何判断div是否隐藏|
jquery判断div是否隐藏
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8" />
<title>绑定函数</title>
<script
src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
var
temp=
$("#test").is(":hidden");//是否隐藏
var
temp1=
$("#test").is(":visible");//是否可见
alert(temp) ;
alert(temp1) ;
});
</script>
</head>
<body>
<p
onclick='test()'>刷新测试</p>
<div
id="test" style="display:none"></div>
</body>
</html>

Nach dem Login kopieren