这篇文章主要为大家展示了“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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。