您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“jQuery如何實現響應滾動條事件功能”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“jQuery如何實現響應滾動條事件功能”這篇文章吧。
<!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; //獲取數據 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如何實現響應滾動條事件功能”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。