您的位置:首页 > 其它

offset

2015-08-23 22:23 405 查看
offsetParent(父级元素position是relative或absolute)

width/height(内容的宽高)

clientWidth=width+paddingleft+paddingright

clientHeight=height+paddingtop+paddingbottom

offsetWidth=width+paddingleft+paddingright+borderleft+borderright

offsetheight=height+paddingtop+paddingbottom+bordertop+borderbottom

offsetLeft=(offsetParent的padding-left)+(中间元素的offsetWidth)+(当前元素的margin-left)。

offsetTop=(offsetParent的padding-top)+(中间元素的offsetHeight)+(当前元素的margin-top)。

//jquery 对css的控制

$('#divid').css('propertyName') //get property value

$('#divid').css('propertyName','value') //set property value

$('#divid').offset().top  //相对于浏览器

$('#divid').offset().left

$('#divid').position().top  //相对于最近设置过position的元素

$('#divid').position().left

$('#divid').scrollTop(offset)  //返回或设置

$('#divid').height() //content height

$('#divid').outerHeight() //等于offsetheight outerHeight(true)=offsetheight+margin

$(window).height()  //浏览器高度

$('#divid').css('cssText') //var csstxt = $('#selector').css('cssText') + ';top:100;left:100;border:1px solid red;color:#f00;';$('#selector').css('cssText', csstxt);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: