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.masonry瀑布流效果
May 25 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
jquery实现上传文件进度条
Mar 26 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
第十一节 重载 [11]
2006/10/09 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
php批量删除操作代码分享
2017/02/26 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
简单的Python2.7编程初学经验总结
2015/04/01 Python
简单介绍Python中的JSON使用
2015/04/28 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
Python itertools.product方法代码实例
2020/03/27 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
adidas泰国官网:adidas TH
2020/07/11 全球购物
三好学生演讲稿范文
2014/04/26 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
群众路线剖析材料
2014/09/30 职场文书
2014年幼师工作总结
2014/11/22 职场文书
房地产公司工程部经理岗位职责
2015/04/09 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年社区重阳节活动总结
2015/07/30 职场文书
初中军训感言
2015/08/01 职场文书
2016党校学习心得体会
2016/01/07 职场文书