jQuery中css位置

offset 偏移(距浏览器)

获取第二段的偏移( 只 top, left )

<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:last");//p 为第二段
var offset = p.offset();// p的偏移
p.html( "left: " + offset.left + ", top: " + offset.top );

使p移动

$("p:last").offset({ top: 10, left: 30 });

 

position() 偏移(距父级)

获取第一段的偏移

<div id="a">
    <p>Hello</p><p>2nd Paragraph</p>
</div>
 $("#a").offset({ top: 80, left: 200 });//引入
    $("#a").css('background','pink')
    var p = $("p:first");
    var position = p.position();
    $("p:last").html( "left: " + position.left + ", top: " + position.top )

scrollLeft 相对滚动条左侧的偏移

获取第一段相对滚动条左侧的偏移

<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );

 

设置相对滚动条左侧的偏移

$("div.demo").scrollLeft(300);