jquery操作元素的位置

.offset()
  在匹配的元素中,获取第一个元素的当前坐标,或设置每一个元素的坐标,坐标相对于文档。
  .offset() 这个不接受任何参数。
    var offset = p.offset(); //获取到这个元素的位置
      p.html( "left: " + offset.left + ", top: " + offset.top ); offset.left 元素距左面的距离, .offset.top 元素距上面的距离
        如果元素设置的是visibility:hidden; 可以获取到坐标,
        如果元素设置的是 display:none; 位置值是 undefined;
  .offset(coordinates)
    coordinates 一个包含top 和 left 属性的对象,用整数指明元素的新顶部和左边坐标。
  .offset(function(index,coords))
    返回用于设置坐标的函数。
    $("p:last").offset({ top: 10, left: 30 }); 设置最后一个p元素的位置。


.offsetParent();
  取得离指定元素最近的含有定位信息的元素, css position 属性是 relative absolute, 或fixed。
  .offsetParent() 这个元素不接受任何参数。
  $('li.item-a').offsetParent().css('background-color', 'red');
.position()
  获取到匹配元素中第一个元素的当前坐标
  .position() 这个方法不接受任何参数.position() 可以获取得元素相对于父元素的偏移位置。包含 top 和 left 注,不支持获取隐藏元素的便宜的坐标
    var position = p.position();
    $("p:last").text( "left: " + position.left + ", top: " + position.top );
.scrollLeft()
  获取匹配的元素集合中第一个元素的当前水平滚动条的位置或设置每个匹配元素的水平滚动条的的距离。
  .scrollLeft() 这个方法不接受任何参数。
    $("p:last").text( "scrollLeft:" + p.scrollLeft() ); 获取p 元素的 横向滚动条距离。
  .scrollLeft(value)
    设置每一个匹配元素的水平滚动条的距离。
  $("div.demo").scrollLeft(300);
.scrollTop()
  获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条的距离。
  .scrollTop() 这个方法不接受任何参数。
    $("p:last").text( "scrollTop:" + p.scrollTop() ); 获取p 元素的垂直滚动条距离。
  .scrollLeft(value)
    设置每一个匹配元素的垂直滚动条的距离。
  $("div.demo").scrollLeft(300);

转载于:https://www.cnblogs.com/nmxs/p/4892412.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值