如何让div覆盖整个页面???
我想用div覆盖整个页面,但是只能得到显示的高度和宽度,一拉滚动条就露出来了,高手帮忙啊!得到文档的高度:document.body.clientHeight得到文档的宽...
我想用div覆盖整个页面,但是只能得到显示的高度和宽度,一拉滚动条就露出来了,高手帮忙啊!
得到文档的高度:document.body.clientHeight
得到文档的宽度:document.body.clientWidth
一拉滚动条就失效了! 展开
得到文档的高度:document.body.clientHeight
得到文档的宽度:document.body.clientWidth
一拉滚动条就失效了! 展开
3个回答
展开全部
可以把滚动条一起覆盖了吧,有body.offsetHeight可以得到包括滚动条的宽度。
你要的就是baidu登录的那种效果吧。研究研究看。就知道了。我也研究研究。出来了,下面的代码可以:
#shadowDiv {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px : left : 0px;
background-color: #FFF;
filter: alpha(opacity = 70);
opacity: 0.7;
z-index: 65534
}
function test(){
var d = document.createElement("DIV");
d.id = "shadowDiv";
document.body.insertBefore(d, document.body.firstChild);
d.style.display='block';
d.style.height=document.body.scrollHeight;
}
你要的就是baidu登录的那种效果吧。研究研究看。就知道了。我也研究研究。出来了,下面的代码可以:
#shadowDiv {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px : left : 0px;
background-color: #FFF;
filter: alpha(opacity = 70);
opacity: 0.7;
z-index: 65534
}
function test(){
var d = document.createElement("DIV");
d.id = "shadowDiv";
document.body.insertBefore(d, document.body.firstChild);
d.style.display='block';
d.style.height=document.body.scrollHeight;
}
展开全部
得到文档的高度:document.body.clientHeight
得到文档的宽度:document.body.clientWidth
把DIV的高度,宽度设置成上面的就OK了,再调下Z-INDEX的值就可以覆盖在其他的元素之上。
得到文档的宽度:document.body.clientWidth
把DIV的高度,宽度设置成上面的就OK了,再调下Z-INDEX的值就可以覆盖在其他的元素之上。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-08-11
展开全部
参考实例如下:
得到div高宽
var hA =document.getElementById("div1");
hA.style.width = window.screen.availWidth-20; //得到宽度
var s_height=document.body.scrollHeight;
if(s_height<window.screen.availHeight)
{
s_height=window.screen.availHeight;
}
hA.style.height=s_height+"px"//设置高度
另外,根据需要,可以看看下面这个:
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
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 相对文档的水平座标+垂直方向滚动的量
得到div高宽
var hA =document.getElementById("div1");
hA.style.width = window.screen.availWidth-20; //得到宽度
var s_height=document.body.scrollHeight;
if(s_height<window.screen.availHeight)
{
s_height=window.screen.availHeight;
}
hA.style.height=s_height+"px"//设置高度
另外,根据需要,可以看看下面这个:
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
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 相对文档的水平座标+垂直方向滚动的量
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询