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 事件的基 ...
随机推荐
- Oracle 12C 新特性之非分区表转分区表online clause（不停业务+索引有效）
12c以前非分区表需要转换为分区, 如果不停业务的话可以使用在线重定义,只有在表进行切换的时候会有短暂的锁表. 12c 中alter table online clause 实现了表上现有的索引有效, ...
- 门面(Facade)模式
门面模式是对象的结构模式,外部与一个子系统的通信必须通过一个统一的门面对象进行.门面模式提供一个高层次的接口,使得子系统更易于使用. 医院的例子 现代的软件系统都是比较复杂的,设计师处理复杂系统的一个 ...
- `DevOps`相关知识搜集
本文记录的是搞清楚什么是DevOps过程中检索资料时发现的有价值的帖子. 传送门: 我眼中的DevOps 作者简介:申思维,2005年本科毕业于华南理工大学计算机学院.一直从事Web领域的开发,3年多 ...
- 【图解HTTP】笔记摘要
第1章 了解Web及网络基础 根据Web浏览器(Web客户端)地址栏中指定的URL,Web浏览器从Web服务器端获取文件资源(resource)等信息,从而显示出Web页面. CERN(欧洲核子研究组 ...
- Longest Palindromic Substring2015年6月20日
Given a , and there exists one unique longest palindromic substring. 自己的解决方案; public class Solution ...
- XInput和DirectInput
原文链接:https://msdn.microsoft.com/en-us/library/windows/desktop/ee417014(v=vs.85).aspx XInput是一个允许应用从W ...
- ionic 使用mobisscrolls，实现日期选择的插件
废话不多说,直接说用法: 1,先下载mobisscrolls的破解版,下载地址,链接:http://pan.baidu.com/s/1boSKf51 密码:5dft 当然你也可以去官网下载,不过官网的 ...
- Asp.Net Core MVC项目实现多语言（Globalization/Localization）
正好最近手上在给一个Razor MVC项目实现一个多语言功能,叫Globalization也好,Localization也好,whatever.最终要实现的效果呢,就是一键切换全站语言,并且开发的时候 ...
- 今天重装系统后，Wdows更新提示“windows update当前无法检查更新，因为未运行服务。您可能需要重新启动计算机”
到百度搜了常用的解决方法,就是用命令提示符,但对我的情况不管用,提示“拒绝访问”.后来在08绿软站的一篇文章中找到了解决办法.原文如下(我本人也是用的第四种方法解决的): 试了下面几种解决方法,第四种 ...
- Java servlet ajax
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. http://w ...