Jquery滚动条事件的处理
来源:互联网 发布:斐讯k2连接端口失败 编辑:程序博客网 时间:2024/04/29 20:16
1。监听某个元素的滚动条事件
#content {
$(selector).scroll(function(){.......});
2.获取滚动条滚动的距离
$(selector).scrollTop();
$(selector).scrollLefft();
3.滚动条事件和offset方法的应用
实例1. 随浏览器滚动条而滚动的浮动div。例图:
代码:
#floatRight {
position:relative;
float:right;
width:200px; height:200px; background-color:green;
top:100px;
z-index:1000;
}
//滚动条滚动事件1
var oldSite=new Object();
oldSite.left=$("#floatRight").offset().left;
oldSite.top=$("#floatRight").offset().top;
$(window.document).scroll(function () {
var scrolltop = $(document).scrollTop();
var top=oldSite.top+scrolltop;
$("#floatRight").offset({ top: top });
});
实例2.虽dom元素内滚动条滚动而滚动的浮动div
实例图
width:600px; height:1000px; border:2px dotted red;
overflow:scroll;
margin:auto;
}
#contentFloat {
float:right;position:relative;
width:100px; height:100px; background-color:green;
top:100px;
}
//滚动条滚动事件2
var contentFloat = $("#contentFloat");
var top = contentFloat.offset().top;
$("#content").scroll(function () {
contentFloat.offset({top:top});
});
0 0
- Jquery滚动条事件的处理
- jquery处理滚动条事件
- jquery 滚动条事件
- jquery 滚动条事件
- JQuery滚动条事件
- jQuery处理滚动事件
- jquery 滚动条 触发事件
- Jquery滚动条监听事件
- jquery处理进度滚动条
- 滚动条的处理
- jquery滚动条到底部触发事件
- js处理鼠标及滚动条事件
- 滚动条的监听事件。
- 简单的滚动条事件
- 简单的Jquery控制滚动条滚动
- jquery滚动条滚动的指定位置
- 浏览器滚动条的处理
- jquery FireFox中滚动条设置为auto时,存在一个滞后显示的问题,如何获得滚动条的加载完毕事件或显示事件
- JBPM4入门——4.封装流程管理的工具类(JbpmUtil)
- Android Volley框架的几种post提交请求方式和探究POST、GET提交
- JBPM4入门——5.流程定义的发布、查询、删除
- JBPM4入门——6.流程实例的创建和执行
- JBPM4入门——7.等待节点的单条线手动执行
- Jquery滚动条事件的处理
- JBPM4入门——8.等待节点的分支执行
- JBPM4入门——9.自动节点单线执行
- js 动态取json对象的属性
- JBPM4之decision节点:3、程序猿|菜鸟|攻城狮|牛人
- JBPM4之decision节点:2、好学生|坏学生|超级学生
- android.app.SuperNotCalledException错误
- JBPM4之decision节点:1、好学生 | 坏学生
- hadoop安装笔记