jQuery响应滚动条事件功能示例


Posted in jQuery onOctober 14, 2017

本文实例讲述了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.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>

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jquery实现的放大镜效果示例
Feb 24 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 #jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 #jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 #jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 #jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 #jQuery
jQuery中 DOM节点操作方法大全
Oct 12 #jQuery
jQuery自动或手动图片切换效果
Oct 11 #jQuery
You might like
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
fetchAll()与mysql_fetch_array()的区别详解
2013/06/05 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
在python 中实现运行多条shell命令
2019/01/07 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
如何让python的运行速度得到提升
2020/07/08 Python
django教程如何自学
2020/07/31 Python
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
中职生自我鉴定范文
2013/10/03 职场文书
业务经理的岗位职责
2013/11/16 职场文书
生产班组长岗位职责
2014/01/05 职场文书
化工专业大学生职业生涯规划书
2014/01/14 职场文书
公司业务员岗位职责
2014/03/18 职场文书
开业典礼主持词
2014/03/21 职场文书
学校安全责任书范本
2014/07/23 职场文书
家庭困难证明
2014/10/12 职场文书
应届生简历自我评价
2015/03/11 职场文书
《穷人》教学反思
2016/02/19 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript