• 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);

  • 相关阅读:
    Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!
    如数据库一般访问互联网资源
    HTML5来了,7个混合式移动开发框架
    Three.js纹理贴图正方体旋转动画效果
    极客Web开发资源大荟萃#003
    精彩代码回放:jQuery实现的浏览器类型和版本检测
    响应式的全屏背景图片效果
    Delphi多线程编程之同步读写全局数据
    delphi与sqlite
    Delphi调用IE打开网页
  • 原文地址:https://www.cnblogs.com/nmxs/p/4892412.html
Copyright © 2020-2023  润新知