jQuery响应滚动条事件功能示例
更新时间：2017年10月14日 11:42:54 作者：一笑而过
这篇文章主要介绍了jQuery响应滚动条事件功能,可实现针对滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery实现折叠、展开的菜单组效果代码,涉及jQuery针对页面元素属性动态操作的相关技巧,展开折叠效果平滑自然,需要的朋友可以参考下2015-09-09
本文主要对单行文本框、多行文本框应用、复选框应用、下拉框应用、表单应用进行实例分析介绍。具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
一个网站的后台使用frame框架来实现这种形式，这边作者不是使用的frame而是纯div进行布局，下面看下具体的实现代码2014-01-01
jQuery EasyUI之验证框validatebox实例详解
本文通过实例代码给大家讲解了jQuery EasyUI之验证框validatebox知识，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-04-04
这篇文章主要介绍了如何用jquery控制表格奇偶行及活动行颜色,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery+ajax读取json数据并按照价格排序,涉及jQuery基于ajax动态获取json文件数据并进行数据遍历与排序的相关操作技巧,需要的朋友可以参考下2018-03-03
下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
我经常抱怨jQuery的DOM操作性能并不优秀，并且经常尝试用一些方法去进行优化，但是越是优化，越是沮丧地发现jQuery其实已经做得很好，从使用者的角度能够进行的优化实在有限2011-02-02
在不适用锚点的情况下也可以平滑滚动到页面的指定位置，看样子还不错吗，具体处理程序如下，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-05-05
本文主要介绍了实现点击下箭头变上箭头来回切换的两种方法，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
最新评论