Heim > Web-Frontend > js-Tutorial > jquery 滚动条事件简单实例

jquery 滚动条事件简单实例

PHPz
Freigeben: 2018-09-30 17:27:32
nach vorne
1547 Leute haben es durchsucht

这篇文章介绍了jquery滚动条事件的简单实例,有需要的朋友可以参考一下

代码如下:

<!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.6.2.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="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
</body>
</html>
Nach dem Login kopieren

 更多相关教程请访问 jQuery视频教程

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage