Heim > Artikel > Web-Frontend > So verwenden Sie jQuery, um festzustellen, ob sich ein Div im sichtbaren Bereich befindet. Bestimmen Sie, ob ein Div sichtbar ist_jquery

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

WBOYOriginal: 2016-05-16 15:15:161560Durchsuche




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

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>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Einfache Implementierung der Ausweisüberprüfung basierend auf javascript_javascript-KenntnissenNächster Artikel：Einfache Implementierung der Ausweisüberprüfung basierend auf javascript_javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen