jquery滚动条事件
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<div class='lists'>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
<p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p><p href="javascript:void(0);" class='content'>
IE 和 FF 下测试通过IE 和 FF 下测试
</p>
</div>
</body>
<script>
$(document).ready(function(){
$(window).scroll(function() {
){
alert("滚动条已经到达顶部为0");
}
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
alert("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});
</script>
</html>
jquery滚动条事件的更多相关文章
- jQuery scroll事件实现监控滚动条分页示例（转）
这篇文章主要介绍了jQuery scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document).height()与$(window).height()的区别,需要的朋友可 ...
- JQuery的方便之处——宽高设置、坐标值和滚动条+事件绑定机制
1.元素的宽高 可以通过css来进行设置,例如:$("元素").css({"宽度":"值","高度":"值&q ...
- jquery scroll()滚动条事件
最近做项目用了到scroll滚动条事件,花了很多时间做搜索,没有很好的先整理思考后再去搜索,做编码事件时,没有事先考虑清楚,理清思路,先做简单的测试成功后,再完成其他的实现. 1.scroll()事件 ...
- Javascript和jquery事件--滚动条事件和自定义滚动条事件样式
很想把滚动条事件跟鼠标滚轮事件放在一起,那就直接写在这一篇了.除了事件以外,对滚动条样式的调整也记在这里吧. 滚动条是浏览器的默认事件,使用overflow:auto/scroll都有可能出现,它的默 ...
- jQuery 滚动条和浏览器窗口事件
滚动条事件 // 实时监听元素的滚动事件 $(window).scroll(function(){ ... }); $(window).scrollLefft(); // 获取滚动条位置 $(wind ...
- 深入学习jQuery鼠标事件
× 目录 [1]类型 [2]写法 [3]合成事件[4]鼠标按键[5]修改键[6]坐标位置 前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展.本文将详细介绍jQuer ...
- 第4章 jQuery的事件和动画(1)——事件篇
jQuery扩展了JavaScript的基本事件处理机制,极大增强了事件处理能力 一. jQuery的事件 1. $(document).ready(function(){})加载方式 再次回到win ...
- 第二十六课：jQuery对事件对象的修复
因为原生的event对象,在不同浏览器下,有不同的属性和方法,因此需要用jQuery进行兼容. jQuery在这里分两步走,首先创建一个伪事件类jQuery.Event(jQuery里面自定义的事件类 ...
- [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
随机推荐
- Java学习笔记——排序算法之快速排序
会当凌绝顶,一览众山小. --望岳 如果说有哪个排序算法不能不会,那就是快速排序(Quick Sort)了 快速排序简单而高效,是最适合学习的进阶排序算法. 直接上代码: public class Q ...
- Java迭代器Iterator
之前我们实现了迭代器模式,很多编程语言实际上已经内置了迭代器类,比如Java就为我们实现了迭代器Iterator.我们首先来看Iterator中的源码. 通过JDK源码我们发现Iterator是一个接 ...
- SQLiteDatabase的使用
新建DBHeler.JAVA package com.hixin.db; import java.util.ArrayList; import java.util.HashMap; import co ...
- JSONObjec序列化对象过滤为null的属性
@Test public void test3() { PgwReqtBody3002 pgwReqtBody3002 = new PgwReqtBody3002(); pgwReqtBody3002 ...
- 关于List<T> 的排序
/** * @author hjn * @entity Student * @date 2017年5月23日15:22:18 */ public class Student { private Str ...
- springboot 中使用websocket简单例子
gradle 中添加依赖,引入websocket支持 compile("org.springframework.boot:spring-boot-starter-websocket:${sp ...
- 再谈PHP错误与异常处理
博客好久没有更新了,实在惭愧,最近在忙人生大事,哈哈!这段时间没有看什么新的东西,结合项目中遇到的PHP异常处理问题,我又重新梳理了之前模糊的概念,希望对大家理解PHP异常处理有所帮助. 请一定要注意 ...
- Warning: session_start() [function.session-start]: Cannot send session cache limiter
Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers alrea ...
- 正则表达式入门案例C#
---恢复内容开始--- 在网上百度了好多关于正则表达式的,不过好多都是关于语法的,没有一个具体的案例,有点让人难以入门,毕竟我还是喜欢由具体到抽象的认识.所以我就在这先提供了一个入门小案例(学了了6 ...
- Java中设计模式之工厂模式-4
一.工厂模式由来 1)还没有工厂时代:假如还没有工业革命,如果一个客户要一款宝马车,一般的做法是客户去创建一款宝马车,然后拿来用. 2)简单工厂模式:后来出现工业革命.用户不用去创建宝马车.因为客户有 ...