js浮动框距底部一定距离

JavaScript015

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文件

你好 这个叫做 锚链接 并不是js的效果

Exp:

1、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>

2、我们再到body内,需要出现点击后转到顶部位置添加,<a href="#top">回到顶部</a>

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

希望能帮到你 谢谢