Maison > Article > interface Web > jQuery implémente des méthodes fonctionnelles pour répondre aux événements de la barre de défilement
jQuery implémente des méthodes fonctionnelles pour répondre aux événements de la barre de défilement
- 小云云original
- 2018-01-29 10:22:041635parcourir
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. J'espère qu'il a une certaine valeur de référence. peut aider tout le monde.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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 :
Comment masquer ou supprimer les barres de défilement en HTML
paramètres de style de barre de défilement HTML
exemples détaillés d'événements de barre de défilement javaScript
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!