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

一、position方法

  • 作用:返回相对某个元素的偏移量
  • 格式:元素.position()
  • 返回值包含top属性和left属性的对象
  • 如果祖先元素中没有定位,参考对象为document
  • 如果祖先元素中有定位,参考对象为离他最近的且具有定位的祖先元素
    【jQuery学习】—jQuery操作元素位置_jquery
    【jQuery学习】—jQuery操作元素位置_css_02

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

【jQuery学习】—jQuery操作元素位置_偏移量_04

三、scrollTop方法

  • 作用:获取或者设置匹配元素相对滚动条顶部的偏移(获取容器的scrollTop)
  • 获取格式:元素.scrollTop()
  • 设置格式:元素.scrollTop(值)
    【jQuery学习】—jQuery操作元素位置_css_05

【jQuery学习】—jQuery操作元素位置_偏移量_06

四、scrollLeft方法

  • 作用:获取或者设置匹配元素相对滚动条左侧的偏移
  • 获取格式:元素.scrollLeft()
  • 设置格式:元素.scrollLeft(值)
    【jQuery学习】—jQuery操作元素位置_jquery_07

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