offset,scroll学习心得
•发布于   •作者 刘敏  •296 次浏览  •来自 博客

js中有一套方便的获取元素尺寸的办法就是offset家族

offset:自己的

offsetWidth:得到对象自己的宽度  

offsetWidth=width+padding+border;

demo.style.width:只能获得行内的数值

offsetLeft、offsetTop:没有右下

返回距离上级盒子(最近的带有定位)左边的距离  如果父级(父级指代所有的上一级)没有定位则以body为准

从父级的padding开始算  不包括border

就是子盒子到定位的父盒子边框到边框的距离

offsetLeft和style.left区别

1.offsetLeft可以返回没有定位盒子的距离左侧的位置 而style.left不可以 只有定位的盒子才有 left、top

2.offsetLeft返回的是数值,而style.left返回的是字符串   除了数字以外还有单位(px)

3.offsetLeft只能读取,不能赋值  而style.left可以读写

4.如果没有给html元素指定left样式,则style.left返回的是空字符串

   5.style.left只能获取行内样式  offsetLeft随便

offsetParent:返回该对象的父级(带有定位)  不一定是父级  ,没有定位 返回body  如果都有定位 返回最近的

parentNode:返回的父级

  scroll家族

scroll:滚动的

scrollTop  scrollLeft 没有bottom right

scrollTop:被卷去的头部

它就是当你滚轮浏览页面的时候隐藏在屏幕上方的距离

怎么得到scrollTop

document.body.scrollTop:谷歌浏览器或者没有声明<!DOCTYPE html>

document.documentElement.scrollTop:火狐和其他浏览器

window.pageYOffset:IE9+和最新浏览器

window.onscroll=function(){

}


0 回复
回到顶部

©2017 Powered by 三十三行伪代码
皖ICP备17005175号-3