js浮动框距底部一定距离

JavaScript024

js浮动框距底部一定距离,第1张

你是想要浮动框不要覆盖在页脚上吗，设置页脚padding-bottom：浮动框的高度

还有你的js这么处理，浮动框就会一直在底部。根据你的代码是滚动条下拉时显示置顶top按钮，你可以把判断条件if(t >h)改成if(t+h >h)，这样改的意思就是一旦滚动条滚动就显示置顶按钮。

/浮动框兼容主流浏览器

//必须符合W3C标准

document.writeln("<div id=\"msn\" style=\"width:300pxheight:50pxz-indent:99999position:absolutetop:0pxleft:0pxbackground:blackfilter:alpha(opacity=20)opacity:0.4color:red\">")

document.write('欢迎光临')

document.write("</div>")

//alert(document.documentElement.clientHeight)

msn.style.top=(document.documentElement.clientHeight-50)+'px'

msn.style.left=0+'px'

moveR()

function moveR() {

msn.style.top=(document.documentElement.scrollTop+document.body.scrollTop+document.documentElement.clientHeight-50)+'px'

msn.style.left=document.documentElement.scrollLeft+document.body.scrollLeft+'px'

setTimeout("moveR()",1)

}

放在js文件中 在HTML页面引入js文件