JQuery滚动条及位置相关方法
scrollLeft:获取匹配元素集合中第一个元素的滚动条的当前水平位置。如果滚动条位于最左边,或者元素不可滚动,则该值为0。当直接调用animate或使用动画属性时,如果元素不可见,scrollLeft将不起作用。可以接受一个参数用于将滚动条设置到新的位置。
scrollTop:获取匹配元素集合中第一个元素的滚动条的当前垂直位置。如果滚动条位于最顶端,或者元素不可滚动,则该值为0。当直接调用animate或使用动画属性时,如果元素不可见,scrollTop将不起作用。可以接受一个参数用于将滚动条设置到新的位置。
position:获取匹配元素集合中第一个元素相对于父元素的位置(特别是它的填充框,它不包括边距和边框)。返回值为一个包含top和left属性的对象。jQuery不支持获取隐藏元素的位置坐标,也不支持计算文档元素上设置的边距。当用户缩放页面时,结果可能不准确。
offset:获取匹配元素集合中第一个元素相对于文档的位置(特别是它的边框框,它不包括边距)。返回值为一个包含top和left属性的对象。jQuery不支持获取隐藏元素的位置坐标,也不支持计算文档元素上设置的边距。当用户缩放页面时,结果可能不准确。访问一个visibility属性为hidden的元素可以获得元素的位置坐标,但是display为none的元素是排除在渲染树之外的,此时位置是未定义的。JQuery1.4起,offset还可以接受一个包含top和left属性的对象,表示新的坐标的top和left的值。还可以接受一个函数,函数包含两个参数一个是当前元素的索引,索引从0开始,另一个是当前包含top和left属性的元素的坐标对象。函数返回一个包含top和left属性的对象,表示新的坐标的top和left的值。offset重新定位元素时元素的边框是相对于文档的,如果元素的position属性是static的,将会被设置为relative的。
JQuery滚动条及位置相关方法相关推荐
- jQuery——滚动条位置的获取与设置
1.scroll() 方法 $(selector).scroll() 当用户滚动指定的元素时,会发生 scroll 事件. scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) ...
- jquery 插件 任意位置浮动固定层
-------------------------------------jquery.floatDiv.js--------------------------------------------- ...
- 【jQuery学习】—jQuery操作元素位置
[jQuery学习]-jQuery操作元素位置 一.position方法 作用:返回相对某个元素的偏移量 格式:元素.position() 返回值包含top属性和left属性的对象 如果祖先元素中没有 ...
- jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理
jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...
- java中JTextPane使输出字符到指定的宽度换行,并将垂直滚动条的位置移动到输出的最后位置...
SimpleAttributeSet set = new SimpleAttributeSet();Document doc = tp.getStyledDocument(); FontMetrics ...
- ASP.Net2.0小技巧 保持滚动条的位置 焦点移动到某个控件 $符号轻松的使用FindControl...
您可能不知道的ASP.Net2.0小技巧 <!-- 页码和简介 --> 1. 在提交页面之后,保持滚动条的位置 可以在page指令上加上MaintainScrollPositionOnP ...
- 15个带示例的jQuery滚动条插件
1.NiceScroll:可用于桌面.移动与触摸设备的jQuery滚动插件 NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式.它支持Div.iFra ...
- jQuery初识 - jQuery关于节点的相关方法
jQuery添加节点的相关方法 内部插入 append(content|fn) appendTo(content) 会将元素添加到指定元素内部的最后 prepend(content ...
- 保存div与页面滚动条的位置
1/**//// <summary> 2 /// 保存div与页面滚动条的位置 3 /// </summary> 9 /// & ...
最新文章
- 互联网大厂有哪些分库分表的思路和技巧?
- 游戏编程入门之碰撞检测
- 使用P3P共享Cookie与Session小结
- 小白请上车 | Python抓取花瓣网高清美图
- 99% 的新移动恶意程序是针对 Android
- c语言注释参与程序设计的编译,提高C语言程序设计教学的有益探索
- matlab m序列,m序列(M序列与m序列区别)
- Tree-AC训练实录
- Android 分析监听器上的参数position和id(二)
- SQL Server如何存储特殊字符、上标、下标
- LSTM和GRU的解析从未如此通俗易懂(动图)
- POJ 1088 滑雪 记忆化搜索
- 将Excel文件数据导入到Oracle
- 工作表保护密码忘了怎么办?
- 计算并返回 x 的 算术平方根
- vue动态切换背景图片background
- 无线wifi如何远程唤醒?wake on lan网络唤醒及远程控制踩过的坑!
- Oracle将收购Sun公司
- linux开机自启jar包
- 未来的教育走向--应试教育的死穴