jQuery中css位置


offset 偏移(距浏览器)

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

Hello

2nd Paragraph

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() 偏移(距父级)

获取第一段的偏移

Hello

2nd Paragraph

$("#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 相对滚动条左侧的偏移

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

Hello

2nd Paragraph

var p = $("p:first"); $("p:last").text( "scrollLeft:" + p.scrollLeft() );

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

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