Heim > Artikel > Web-Frontend > Beispiel für eine jQuery-Antwort auf ein Scrollbar-Ereignis
Beispiel für eine jQuery-Antwort auf ein Scrollbar-Ereignis
- PHPzOriginal
- 2018-01-12 09:53:592155Durchsuche
In diesem Artikel wird hauptsächlich die Funktion von jQuery zum Reagieren auf Bildlaufleistenereignisse vorgestellt, mit der Echtzeitberechnungs- und Antwortfunktionen für den jQuery-Bildlaufleistenstatus realisiert werden können. Freunde, die sich für jQuery interessieren, können sich auf diesen Artikel beziehen. Relevante Lernempfehlungen: jQuery-Online-Video-Tutorial
Das Beispiel in diesem Artikel beschreibt die Funktion von jQuery, auf Scrollbar-Ereignisse zu reagieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function() {
var lazyheight = 0;
//获取数据
function showload() {
lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if ($(document).height() - 100 <= lazyheight) {
alert("xxx");
}
}
//showload();
//绑定事件
$(window).bind("scroll",
function() {
//当滚动条滚动时
showload();
});
})
</script>
</head>
<body>
<img src="1.jpg"/><br/>
<img src="2.jpg"/><br/>
<img src="3.jpg"/>
</body>
</html>Verwandte Empfehlungen:
Teilen Sie den Unterschied zwischen jquery und js, um die Funktion „Alle auswählen“ zu realisieren
Ausführliche Beispiele für die Verwendung von jQuery.form.js teilen
Wie Modularität in Js implementiert wird
Das obige ist der detaillierte Inhalt vonBeispiel für eine jQuery-Antwort auf ein Scrollbar-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!