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 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
jQuery实现日历效果
Sep 11 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删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
PHP源码分析之变量的存储过程分解
2014/07/03 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python 运算符 供重载参考
2009/06/11 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
分享Python文本生成二维码实例
2016/01/06 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
python同时替换多个字符串方法示例
2019/09/17 Python
python中dict()的高级用法实现
2019/11/13 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
欢迎领导标语
2014/06/27 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python