日期:2014-05-16  浏览次数:20367 次

javascript:一个Div,当Div在窗体显示不下时,自动调整窗体以显示Div,移动的时候同样 asp.net
javascript:一个Div,当Div在窗体显示不下时,自动调整窗体以显示Div,移动的时候同样     asp.net

------解决方案--------------------
好想可以吧!!!在网页最外面嵌一个table,然后根据table的长\宽来调整窗口的大小!
但我不知道怎么得到table的长\宽??
------解决方案--------------------
查一下参考资料,看一看obj.scrollIntoView(...)的用法
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
<!--
#Layer1 {
position:absolute;
background-color:#FFFFCC;
width:317px;
height:813px;
z-index:1;
left: 308px;
overflow:scoll;
top: 2008px;
display:none;
}
-->
</style>
</head>

<body>
<div id= "Layer1 "> 换行 <br />
换行 <br />
换行 <br />
换行 <br />
换行 <br />
换行 <br />
</div>
<input type= "button " name= "add_content " value= "显示 " onclick= "Layer1.style.display= 'block ';Layer1.scrollIntoView(); "/>
</body>
</html>
------------
看看这个是不是想要的
------解决方案--------------------
先获得div的绝对位置
在用body.scrollHeight - 绝对位置高度
得到的是 div顶到窗体底的距离 s
if (s < div.clientHeight)
{
window.resizeby(0,div.clientHeight - s)
}