在IE中获取scrollHeight

naonaoye 2012-05-04 02:12:29

代码如下：
第一个div的overflow原先是hidden 通过js修改为scroll后再获得scrollHeight得到的值是108
第二个div的overflow原先就是scroll，通过js获得scrollHeight得到的值是252
为什么会不一样呢？？求教，谢谢！



<html>

    <head>

	    <title></title>

		<script type="text/javascript">

		    function getHeight(id){

			    var obj = document.getElementById(id);

				obj.style.overflow = "scroll";

			    alert(obj.scrollHeight);

			    obj.style.overflow = "hidden";

				

			}

			

			window.onload = function () {

                 getHeight("dh");

				 alert(document.getElementById('ds').scrollHeight)

            }

		</script>

		<style type="text/css">

		    .divHidden{

			    width:100px;

				height:100px;

				overflow:hidden;

			}

			.divScroll{

			    width:100px;

				height:100px;

				overflow:scroll;

			}

		</style>

	</head>

    <body>

	    <div id="dh" class="divHidden">

		    第一行

			dfsadfadf

			asdf

			sdf

			dsfsdfsadfadf

			asdf

			sdf

			dsfsd

			hasdgjoijgdsgdfsadfadf

			asdf

			sdf

			dsfsdfsadfadf

			asdf

			sdf

			dsfsd

			hasdgjoijgdsg

			最后一行

		</div>

	    <input type="button" value="getHiddenHeight" onclick="getHeight('dh')" />

		

		</br>

		

		<div id="ds" class="divScroll">

		    第一行

			dfsadfadf

			asdf

			sdffsadfadf

			asdf

			sdf

			dsfsd

			dsfsd

			hasdgjoijgdsgdfsadfadf

			asdf

			sdf

			dsfsdfsadfadf

			asdf

			sdf

			dsfsd

			hasdgjoijgdsg

			最后一行

		</div>

	    <input type="button" value="getScrollHeight" onclick="alert(document.getElementById('ds').scrollHeight)" />

	</body>

</html>

----------------------------------签----------名----------栏----------------------------------

努力备考中...

...全文

195 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

naonaoye 2012-05-07

打赏
举报

回复

[Quote=引用 6 楼的回复:]

你2段文字一不样...
改成一样的后，延迟输出可以得到一样的高度...
[/Quote]

多谢了

----------------------------------签----------名----------栏----------------------------------

努力备考中...

囧 2012-05-07

打赏
举报

回复

你2段文字一不样...
改成一样的后，延迟输出可以得到一样的高度...

囧 2012-05-07

打赏
举报

回复

是有些奇怪，延时输出是234,不是252



            function getHeight(id){

                var obj = document.getElementById(id);

                obj.style.overflow = "scroll";

                setTimeout(function(){

                  alert(obj.scrollHeight);

                  obj.style.overflow = "hidden";

                }, 50);

                

            }

naonaoye 2012-05-05

打赏
举报

回复

[Quote=引用 2 楼的回复:]

没有什么问题啊。。Ie9下2个都是240
[/Quote]
我在IE8下2个不一样的，不知道为什么

三石-gary 2012-05-04

打赏
举报

回复

[Quote=引用 2 楼的回复:]

没有什么问题啊。。Ie9下2个都是240
[/Quote]
ie8以上没有什么问题。。
https://developer.mozilla.org/en/DOM/element.scrollHeight

三石-gary 2012-05-04

打赏
举报

回复

没有什么问题啊。。Ie9下2个都是240

小陈想钓鱼 2012-05-04

打赏
举报

回复

围观
这东西是自适应的吧

scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 2009年12月14日，16:58:19 | ArthurXF scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量　　以上主要指IE之中，FireFox差异如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding offsetWidth = width + padding + border offsetHeight = height + padding + border IE5.0/5.5： clientWidth = width - border clientHeight = height - border offsetWidth = width offsetHeight = height (需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

代码如下:<body onload=”setHeight()”> [removed] function setHeight() { var PageHeight=$(“oPage”).scrollHeight var MaxHeight=507 if(PageHeight>MaxHeight) { $(“oPageMain”).style.height=$(“oPage”).scrollHeight + 40 +”px” $(“oRight”).style.height=$(“oPage”).scrollHeight + 120 +”px” $(“o

iframe高度自适应，多浏览器兼容已测试过在ie6,7,8,firefox8,chrom15中通过

document.body.clientWidth – 网页可见区域宽 document.body.clientHeight – 网页可见区域高 document.body.offsetWidth – 网页可见区域宽，包括边线和滚动条的宽 document.body.offsetHeight – 网页可见区域高，包括边线和滚动条的高[FF,chrom下是整个页面高，IE opera 下正常] document.body.scrollWidth – 网页总宽 document.body.scrollHeight – 网页总高 document.body.scrollTop – 有滚动条的时候，向

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scrollHeight; 网页被卷去的高(ff)：document.body.scrollTop; 网页被卷去的高(ie): do

87,921

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章