溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery如何實現(xiàn)響應滾動條事件功能

發(fā)布時間:2022-03-02 15:15:09 來源:億速云 閱讀:139 作者:小新 欄目:web開發(fā)

這篇文章主要為大家展示了“jQuery如何實現(xiàn)響應滾動條事件功能”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“jQuery如何實現(xiàn)響應滾動條事件功能”這篇文章吧。

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  <htmlxmlns="http://www.w3.org/1999/xhtml">
 
  <head>
 
  <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
 
  <title>無標題文檔</title>
 
  <scripttype="text/javascript"src="jquery-1.7.2.min.js"></script>
 
  <scripttype="text/javascript">
 
  $(function(){
 
  varlazyheight=0;
 
  //獲取數(shù)據(jù)
 
  functionshowload(){
 
  lazyheight=parseFloat($(window).height())+parseFloat($(window).scrollTop());
 
  if($(document).height()-100<=lazyheight){
 
  alert("xxx");
 
  }
 
  }
 
  //showload();
 
  //綁定事件
 
  $(window).bind("scroll",
 
  function(){
 
  //當滾動條滾動時
 
  showload();
 
  });
 
  })
 
  </script>
 
  </head>
 
  <body>
 
  <imgsrc="1.jpg"/><br/>
 
  <imgsrc="2.jpg"/><br/>
 
  <imgsrc="3.jpg"/>
 
  </body>
 
  </html>

以上是“jQuery如何實現(xiàn)響應滾動條事件功能”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI