Maison >interface Web >js tutoriel >Réponse jQuery à l'exemple de fonction d'événement de barre de défilement
Réponse jQuery à l'exemple de fonction d'événement de barre de défilement
- PHPzoriginal
- 2018-01-12 09:53:592176parcourir
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!