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 事件的基 ...
随机推荐
- 思考一个关于Lambda表达式做为linq条件的问题
有一个集合如下 List<User> users = new List<User> { new User{Name = "1",Aget = 12}, ne ...
- UEditor上传图片到七牛C#（后端实现）
由于个人网站空间存储有所以选择将图片统一存储到七牛上,理由很简单 1 免费10G 的容量 ,对个人网站足够用 2 规范的开发者文档 和完善的sdk(几乎所有热门语言sdk) 整体思路 图片上传七 ...
- python 之变量
什么是变量? 变量就是存储一个不固定的值,可以随时更改其值. 1.变量不仅可以是数字,还可以是任意数据类型 2.变量名必须是大小写英文.数字和_的组合,且不能用数字开头 python变量如何存储 首先 ...
- js事件小结
首先事件绑定分为2种方法 一种为"DOM0级"方法,这里我理解为事件指定 var oDiv = document.getElementById("div1"); ...
- SCAU Individual Contest #1
总结一下就是自己太弱.每次打比赛遇到比较难题就喜欢瞎开题,结果都是每题想一下,然后就是结束了. A:题意让你用小写字母构造一个总共有K个的回文串,比如aba的话就是{a}{b}{a}{aba}四个,比 ...
- java虚拟机学习-慢慢琢磨JVM(2-1)ClassLoader的工作机制
ClassLoader的工作机制 java应用环境中不同的class分别由不同的ClassLoader负责加载. 一个jvm中默认的classloader有Bootstrap ClassLoader. ...
- WPF 简易的跑马灯效果
最近项目上要用到跑马灯的效果,和网上不太相同的是,网上大部分都是连续的,而我们要求的是不连续的. 也就是是,界面上就展示4项(展示项数可变),如果有7项要展示的话,则不断的在4个空格里左跳,当然,衔接 ...
- Java学习之J2EE
什么是J2EE 本文摘抄于其他博文. 什么是J2EE 一.准备篇 1 什么是J2EE?它和普通的Java有什么不同?答:J2EE全称为Java2 Platform Enterprise Editio ...
- Spring框架之IOC(控制反转)
[TOC] 第一章Spring框架简介 IOC(控制反转)和AOP(面向方面编程)作为Spring框架的两个核心,很好地实现了解耦合.所以,简单来说,Spring是一个轻量级的控制反转(IoC)和面向 ...
- C#程序遍历数组A中所有元素
] { "a1","a2","a3","a4","a5"}; //第一种方法 ; i < A. ...