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滚动条及位置相关方法相关推荐

  1. jQuery——滚动条位置的获取与设置

    1.scroll() 方法 $(selector).scroll() 当用户滚动指定的元素时,会发生 scroll 事件. scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) ...

  2. jquery 插件 任意位置浮动固定层

    -------------------------------------jquery.floatDiv.js--------------------------------------------- ...

  3. 【jQuery学习】—jQuery操作元素位置

    [jQuery学习]-jQuery操作元素位置 一.position方法 作用:返回相对某个元素的偏移量 格式:元素.position() 返回值包含top属性和left属性的对象 如果祖先元素中没有 ...

  4. jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理

    jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...

  5. java中JTextPane使输出字符到指定的宽度换行,并将垂直滚动条的位置移动到输出的最后位置...

    SimpleAttributeSet set = new SimpleAttributeSet();Document doc = tp.getStyledDocument(); FontMetrics ...

  6. ASP.Net2.0小技巧 保持滚动条的位置 焦点移动到某个控件 $符号轻松的使用FindControl...

    您可能不知道的ASP.Net2.0小技巧 <!-- 页码和简介 --> 1.  在提交页面之后,保持滚动条的位置 可以在page指令上加上MaintainScrollPositionOnP ...

  7. 15个带示例的jQuery滚动条插件

    1.NiceScroll:可用于桌面.移动与触摸设备的jQuery滚动插件 NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式.它支持Div.iFra ...

  8. jQuery初识 - jQuery关于节点的相关方法

    jQuery添加节点的相关方法 内部插入 ​ append(content|fn) ​ appendTo(content) ​ 会将元素添加到指定元素内部的最后 ​ ​ prepend(content ...

  9. 保存div与页面滚动条的位置

    1/**//// <summary>  2        /// 保存div与页面滚动条的位置  3        /// </summary>  9        /// & ...

最新文章

  1. 互联网大厂有哪些分库分表的思路和技巧?
  2. 游戏编程入门之碰撞检测
  3. 使用P3P共享Cookie与Session小结
  4. 小白请上车 | Python抓取花瓣网高清美图
  5. 99% 的新移动恶意程序是针对 Android
  6. c语言注释参与程序设计的编译,提高C语言程序设计教学的有益探索
  7. matlab m序列,m序列(M序列与m序列区别)
  8. Tree-AC训练实录
  9. Android 分析监听器上的参数position和id(二)
  10. SQL Server如何存储特殊字符、上标、下标
  11. LSTM和GRU的解析从未如此通俗易懂(动图)
  12. POJ 1088 滑雪 记忆化搜索
  13. 将Excel文件数据导入到Oracle
  14. 工作表保护密码忘了怎么办?
  15. 计算并返回 x 的 算术平方根
  16. vue动态切换背景图片background
  17. 无线wifi如何远程唤醒?wake on lan网络唤醒及远程控制踩过的坑!
  18. Oracle将收购Sun公司
  19. linux开机自启jar包
  20. 未来的教育走向--应试教育的死穴

热门文章

  1. [转]个人网站对接支付宝,微信支付接口史上最详细教程
  2. 写在工作的第十年: 谈一谈专注和基础的重要性
  3. cisco(思科)交换机路由器基础命令
  4. 企业选择外贸B2B平台需要考虑哪些因素
  5. 大数据系列 -- 数据埋点
  6. 【HBase】HBase 行健设计
  7. 小程序页面排版样式例子
  8. 计算机组成原理画出CPU与主存及3-8译码器之间信号线的连接问题
  9. 计算机怎样将多行文字转换成表格,用WPS文本表格转换快速合并多行文字
  10. win7下 EPLAN新建项目出现“一个内部错误”的解决方法