js 关于浮动窗口问题
<style>.ad{width:300px;height:300px;position:absolute;top:300px;}</style><body><divst...
<style>
.ad{
width:300px;
height:300px;
position: absolute;
top:300px;
}
</style>
<body>
<div style="height:1000px;width:100%">
<div style="height:300px;width:100%">头部</div>
<div class="ad">这是微信</div>
<div style="height:400px;width:100%">底部</div>
</div>
</body>
求教：我想让中间那个“微信DIV”随着滚动条滚动始终出现在页面上，而且在窗口小的时候也不会遮住“底部”，这个JS怎么写啊；意思就是：当滚动条往下拉的时候，“微信“可以往上走，不遮住上下div，又一直出现在浏览器可视区域就行；
求好心人指导一下，最好能给出完整的代码。真心求教，急等，谢谢谢谢；
------------------------------------------------------
我原先这样写的，但是当浏览器高度小于700px的时候，滚动条往下拉的时候就会遮住“底部”
function scrollImg(){
var posY;
if (window.innerHeight) {
posY = window.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop) {
posY = document.documentElement.scrollTop;
}
else if (document.body) {
posY = document.body.scrollTop;
}
var ad=document.getElementById("ad");
ad.style.top=(posY+300)+"px";
setTimeout("scrollImg()",100);
} 展开
.ad{
width:300px;
height:300px;
position: absolute;
top:300px;
}
</style>
<body>
<div style="height:1000px;width:100%">
<div style="height:300px;width:100%">头部</div>
<div class="ad">这是微信</div>
<div style="height:400px;width:100%">底部</div>
</div>
</body>
求教：我想让中间那个“微信DIV”随着滚动条滚动始终出现在页面上，而且在窗口小的时候也不会遮住“底部”，这个JS怎么写啊；意思就是：当滚动条往下拉的时候，“微信“可以往上走，不遮住上下div，又一直出现在浏览器可视区域就行；
求好心人指导一下，最好能给出完整的代码。真心求教，急等，谢谢谢谢；
------------------------------------------------------
我原先这样写的，但是当浏览器高度小于700px的时候，滚动条往下拉的时候就会遮住“底部”
function scrollImg(){
var posY;
if (window.innerHeight) {
posY = window.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop) {
posY = document.documentElement.scrollTop;
}
else if (document.body) {
posY = document.body.scrollTop;
}
var ad=document.getElementById("ad");
ad.style.top=(posY+300)+"px";
setTimeout("scrollImg()",100);
} 展开
1个回答
展开全部
如果你不需要兼容ie6的话，直接用position:fixed; 就可以了吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
