涉及到滚动条的定位问题,主要是Jquery 中 offset() 方法
来源:互联网 发布:山西省软件行业协会 编辑:程序博客网 时间:2024/05/21 11:04
效果是:一进来页面,传入某个li的id,通过这个id来让滚动条定位到这个位置,如果不传直接返回,传入的话,通过 $(selector).offset().top;的方法,获得偏移值,然后让外层的ul做一个动画效果去移动
// 实现滚动条的定位
Base.ScrollToRead = function(sid) {
//当使用滚动条,并默认读消息被隐藏时,触发滚动条滚动
if ((‘#’ + sid).length == 0) {
return true;
}
var t = parseInt((‘#’ + sid).offset().top, 10);
if (t <= 460) {
return true;
}
var s = t - 460;
$(‘.dialog-div>ul’).animate({ scrollTop: s }, 100);
}
1、 返回偏移坐标
$(selector).offset(); top: $(selector).offset().top; left: $(selector).offset().left;2、设置偏移坐标: $(selector).offset({top:value,left:value}); 参数的含义:{top:value,left:value} 当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。 可能的值:(1)、名/值对,比如 {top:100,left:100} , (2)、一个带有 top 和 left 的对象(实例)3、使用函数设置偏移坐标: $(selector).offset(function(index,currentoffset)); 可选。规定返回包含 top 和 left 坐标的对象的函数。 index - 返回集合中元素的 index 位置。 currentoffset - 返回被选元素的当前坐标。
offset() 方法 返回的top , left. 跟 margin-top,margin-left 也有关系。
如果元素有margin-top,margin-left. 它获取当前的margin. 没有则是默认取值。 如果父元素也有margin,broder 的话。它也会受到影响。取值要更大。 因为offset() 取的当前与文档的偏移坐标。
参考博客:http://www.cnblogs.com/htwdz-qhm/p/3967974.html
阅读全文
0 0
- 涉及到滚动条的定位问题,主要是Jquery 中 offset() 方法
- 定位滚动条的问题
- Jquery 中 offset() 方法
- QTextEdit中滚动条定位
- jQuery实现将div中滚动条滚动到指定位置的方法
- jQuery中position()方法和offset()方法的区别
- 【MFC】关于EditBox中滚动条定位问题
- 解决lwuit程序在触摸屏中滚动条的方向与定位问题
- jQuery offset 定位 原理
- jquery定位div中的滚动条
- jQuery实现定位滚动条位置
- 定位滚动条的位置
- div中添加滚动条的方法
- PocketPC中对话框的滚动条问题
- jQuery中offset和position方法
- 深度理解Jquery 中 offset() 方法
- 深度理解Jquery 中 offset() 方法
- DIV滚动条自动定位问题
- 20.Nginx自旋锁
- jquery设置html的一些常用例子
- 第8章 github常见操作和常见错误
- 为什么使用logger.isInfoEnabled()
- 无法解析外部符号
- 涉及到滚动条的定位问题,主要是Jquery 中 offset() 方法
- Docker----安装 MySQL
- vi和vim替换操作符详解
- jQuery笔记11-8
- Java
- 线性筛——欧拉筛 C++程序实现 洛谷 模板题 P3383
- FastDFS学习笔记
- 条款33:避免遮掩继承而来的名称
- mybatis