Réponse jQuery à l'exemple de fonction d'événement de barre de défilement-js tutoriel-php.cn

Réponse jQuery à l'exemple de fonction d'événement de barre de défilement

PHPz

Libérer： 2018-09-30 17:27:24

original

2157 Les gens l'ont consulté

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>

Copier après la connexion

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!