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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM