目录
  1. 1. offset()
  2. 2. position()
  3. 3. scrollTop()
    1. 3.1. 读取
    2. 3.2. 设置
JQ操作CSS位置

offset()

offset(): 相对页面左上角的坐标

  • 返回的对象包含两个整型属性:top 和 left。此方法只对可见元素有效。

position()

position(): 相对于父元素左上角的坐标

  • 返回的对象包含两个整型属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

scrollTop()

读取/设置滚动条的Y坐标

读取

// 读取div的滚动条坐标
$('div').scrollTop()

// 读取页面工作条的坐标
console.log($(document.documentElement).scrollTop()||$(document.body).scrollTop()) // 兼容IE/Chrome

设置

>// 设置div的滚动条坐标为200
>$('div').scrollTop(200)
>// 设置页面工作条的坐标为300
>$('html,body').scrollTop(300)
文章作者: Jachie Xie
文章链接: https://xjc5772.github.io/2020-04/27/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/JQ/offset%E5%92%8Cposition/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 XJC&Blog
打赏
  • 微信
  • 支付宝

评论