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 事件的基 ...
随机推荐
- JavaScript之通用addLoadEvent代码源码
在执行javascript代码时 很多情况下 我们是希望代码在网页加载完毕后立刻进行的 大家可能会立刻想到使用window.onload时间处理函数,然后通过 window.onload=functi ...
- Oracle 12C 新特性之表分区部分索引(Partial Indexes)
12c之前没办法在部分或指定的分区上创建索引,12c 版本中引入了Partial Indexes(部分索引), 无论是global还是local都可以有选择性的对部分分区创建索引.分区上有索引用索引, ...
- Android 模块化探索与实践
首发于<程序员>杂志五月刊 一.前言 万维网发明人 Tim Berners-Lee 谈到设计原理时说过:"简单性和模块化是软件工程的基石:分布式和容错性是互联网的生命." ...
- Android零碎知识（一）
public abstract Resources getResources () Return a Resources instance for your application's package ...
- 关于微信小程序的的总结
微信小程序学完了,给大家分享一些自己学小程序的心得,希望能帮到大家. 首先,我谈谈小程序数据绑定的那一块,所有从本地或者远程服务器的API传过来,都必须绑定到data: {}, 绑定格式是一个一个的键 ...
- Fast data loading from files to R
Recently we were building a Shiny App in which we had to load data from a very large dataframe. It w ...
- cas4.2.7 取消https
cas.properties 修改两个地方 # Decides whether SSO cookie should be created only under secure connections. ...
- [asp.net mvc 奇淫巧技] 04 - 你真的会用Action的模型绑定吗？
在QQ群或者一些程序的交流平台,经常会有人问:我怎么传一个数组在Action中接收.我传的数组为什么Action的model中接收不到.或者我在ajax的data中设置了一些数组,为什么后台还是接收不 ...
- STM32伺服编码器接口
在STM32的高级定时器和一般定时器中有Encoder interface mode(编码器接口),TI1和TI2分别对应TIM_CH1 和TIM_CH2 通道. 一.计数规则如下: 表55的是编码器 ...
- [OpenGL]配置GLFW
注:本文可转载,转载请著名出处:http://www.cnblogs.com/collectionne/p/6937644.html.本文还会修改,如果不在博客园(cnblogs)发现本文,建议访问上 ...