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 事件的基 ...
随机推荐
- ScheduledFuture和RunnableScheduledFuture详解
ScheduledFuture java.util.concurrent 接口 ScheduledFuture<V> 类型参数: V - 此 Future 返回的结果类型. 所 ...
- makefile文件模板介绍
1 src : = $(shell ls *.c)2 objs : = $(patsubst %.c, %.o, $(src))3 test : $(objs)4 ...
- ZooKeeper监听机制
前言:Zookeeper的监听机制很多人都踩过坑,感觉实现了watcher 接口,后面节点的变化都会一一推送过来,然而并非如此. Watch机制官方声明:一个Watch事件是一个一次性的触发器,当被设 ...
- C++ 大作业 超市收银系统
#include<iostream> #include<fstream> #include<string> #include<iomanip> #inc ...
- 分布式版本控制git常见问题之gitignore冲突（精简版）
上次写的的太模糊了,现在简单直接写出个人心得,如下: 原因是有人提交了.gitignore里面的内容,所以和本地的不一样,这样就有问题,那么pull都不可以,所以要这样: git update-ind ...
- Java集合类从属关系
Java的集合分为了四类:List Set Queue Map,每类都有不同的实现,有基于数组实现的,有基于链表实现的,有基于xx树实现的,不同的实现虽在功能上可以相互替代但都有各自的应用场景,如基于 ...
- mysql远程授权
切换到mysql的mysql数据库,找到user表: cmd:mysql -u root -p cmd:use mysql; cmd:select host,user,password from us ...
- intersect for multiple vectors in R
Say you have a <- c(1,3,5,7,9) b <- c(3,6,8,9,10) c <- c(2,3,4,5,7,9) A straightforward way ...
- Nagios配置安装详解
nagios.html :first-child{margin-top:0!important}img.plugin{box-shadow:0 1px 3px rgba(0,0,0,.1);borde ...
- Vulkan Tutorial 08 交换链
操作系统:Windows8.1 显卡:Nivida GTX965M 开发工具:Visual Studio 2017 在这一章节,我们了解一下将渲染图像提交到屏幕的基本机制.这种机制成为交换链,并且需要 ...