码迷,mamicode.com
首页 > 编程语言 > 详细

javascript高级程序设计第三版dom元素大小笔记

时间:2015-07-23 21:40:20      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

是滚动大小(scroll dimension),指的是包含滚动内容的元素的大小。有些元素(例如
<html>元素),即使没有执行任何代码也能自动地添加滚动条;但另外一些元素,则需要通过 CSS 的
overflow 属性进行设置才能滚动。以下是 4 个与滚动大小相关的属性.

在IE8以下scrollHeight=元素内容本身的高度。

1.增加边框,不同浏览器有不同解释.

谷歌火狐IE>=8会忽略边框的大小。

2,增加内边距,最终值是width||height+padding ie8以下是元素内容本身的高度+padding;

3.增加滚动条,最终值是减去滚动条的大小。

4.增加外边距,无效果

5.增加内容溢出。不同浏览器获取的滚动内容的height不一样。·


在确定文档的总高度时(包括基于视口的最小高度时),必须取得 scrollWidth/clientWidth 和
scrollHeight/clientHeight 中的最大值,才能保证在跨浏览器的环境下得到精确的结果。下面就
是这样一个例子。
var docHeight = Math.max(document.documentElement.scrollHeight,
document.documentElement.clientHeight);
var docWidth = Math.max(document.documentElement.scrollWidth,
document.documentElement.clientWidth);

 

javascript高级程序设计第三版dom元素大小笔记

标签:

原文地址:http://www.cnblogs.com/cmptlgg/p/4671592.html

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