Cet article présente principalement la fonction de réponse de jQuery aux événements de la barre de défilement, qui peut réaliser des fonctions de calcul et de réponse en temps réel pour l'état de la barre de défilement jQuery. Il a une certaine valeur de référence. Les amis intéressés par jQuery peuvent se référer à cet article. Recommandations d'apprentissage pertinentes : Tutoriel vidéo en ligne jQuery
L'exemple de cet article décrit la fonction de jQuery répondant aux événements de la barre de défilement. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
<!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>Recommandations associées :
Partager la différence entre jquery et js dans la réalisation de la fonction sélectionner tout
Partage d'exemples détaillés d'utilisation de jQuery.form.js
Comment la modularité dans Js est implémentée
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
barre de défilement div
Que sont les plug-ins jquery ?
Comment définir le style de la barre de défilement HTML
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
