码迷,mamicode.com
首页 > 其他好文 > 详细

页面宽高,窗口宽高,元素宽高,元素位置,页面滚动距离

时间:2014-10-09 00:04:07      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:style   ar   strong   sp   c   on   r   ad   size   

页面宽高:

document.body.clientWidth/Height(不包括margin)

document.body.offsetWidth/Height(不包括margin)

document.body.scrollWidth/Height(包括margin)

tips:

1.如果不是最大化浏览器窗口,且在body标签设置min-width,document.body.offsetWidth会比document.body.clientWidth多出2px,那就是滚动条旁边的2px空白空间。

2.有时候,没设置overflow:hidden;图片会撑出页面宽度。从而,你认为有横向滚动条的页面宽度数值不准。

窗口viewport宽高:

window.innerWidth/Height(带滚动条)

document.documentElement.clientWidth/Height(不带滚动条)

元素宽高:

element.offsetWidth/Height(width+padding+border)

element.scrollWidth/Height(width+padding,没加border)

元素位置:

 

页面宽高,窗口宽高,元素宽高,元素位置,页面滚动距离

标签:style   ar   strong   sp   c   on   r   ad   size   

原文地址:http://www.cnblogs.com/samwu/p/4011724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!