如何用js把一个<div id="hua">固定在浏览器窗口底部?(高度:85)
展开全部
什么叫固定?不管滚动条怎么滚动,始终显示在浏览器底部?
------------------------自己调整一下CSS中的left和top具体位置--------------------------------
<html><head>
<style type="text/css">
#adver{
position:absolute;
left:50px;
top:440px;
z-index:1;
}
</style>
<script type="text/javascript">
var adverTop; //层距页面顶端距离
var adverLeft;
var adverObject; //层对象
function inix(){
adverObject=document.getElementById("adver"); //获得层对象
if(adverObject.currentStyle){ //IE
adverTop=parseInt(adverObject.currentStyle.top);
adverLeft=parseInt(adverObject.currentStyle.left);
}else{ //Firefox
adverTop=parseInt(document.defaultView.getComputedStyle(adverObject,null).top);
adverLeft=parseInt(document.defaultView.getComputedStyle(adverObject,null).left);
}
}
function move(){
adverObject.style.top=adverTop+parseInt(document.documentElement.scrollTop)+"px";
adverObject.style.left=adverLeft+parseInt(document.documentElement.scrollLeft)+"px";
}
window.onload=inix;
window.onscroll=move;
</script></head>
<body>
<div id="adver"><img src="images/adv.jpg"/></div>
</body></html>
------------------------自己调整一下CSS中的left和top具体位置--------------------------------
<html><head>
<style type="text/css">
#adver{
position:absolute;
left:50px;
top:440px;
z-index:1;
}
</style>
<script type="text/javascript">
var adverTop; //层距页面顶端距离
var adverLeft;
var adverObject; //层对象
function inix(){
adverObject=document.getElementById("adver"); //获得层对象
if(adverObject.currentStyle){ //IE
adverTop=parseInt(adverObject.currentStyle.top);
adverLeft=parseInt(adverObject.currentStyle.left);
}else{ //Firefox
adverTop=parseInt(document.defaultView.getComputedStyle(adverObject,null).top);
adverLeft=parseInt(document.defaultView.getComputedStyle(adverObject,null).left);
}
}
function move(){
adverObject.style.top=adverTop+parseInt(document.documentElement.scrollTop)+"px";
adverObject.style.left=adverLeft+parseInt(document.documentElement.scrollLeft)+"px";
}
window.onload=inix;
window.onscroll=move;
</script></head>
<body>
<div id="adver"><img src="images/adv.jpg"/></div>
</body></html>
展开全部
在css中写
.hua{height:85px;width:100px;position:fixed;bottom:0;right:0;}
.hua{height:85px;width:100px;position:fixed;bottom:0;right:0;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我告诉你用CSS 解决你给我分吗? 给分,我就教你用纯CSS
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
利用相对定位和绝对定位 应该也是可以的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询