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 EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jQuery 表单序列化实例代码
Jun 11 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
jquery操作select常见方法大全【7种情况】
May 28 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 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实现QQ小程序发送模板消息功能
2019/09/18 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
JavaScript用Number方法实现string转int
2014/05/13 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
Python 读写文件的操作代码
2018/09/20 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
简单了解python数组的基本操作
2019/11/26 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
幼儿园六一儿童节活动方案
2014/08/26 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
行政前台岗位职责
2015/04/16 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
欠条格式范本
2015/07/03 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
Python实现生活常识解答机器人
2021/06/28 Python
Python采集股票数据并制作可视化柱状图
2022/04/04 Python