通过js实现置顶⽅法
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
var timer
function scrolltop()
{
//兼容写法。页⾯具有DTD时,使⽤document.documentElement.scrollTop;没有指定DTD时使⽤document.body.scrollTop,所以⽤## || ## || 0 兼容timer=setTimeout("scrolltop()",1) //1毫秒调⽤⼀次scrolltop()⽅法
}
function stoptimer()
{js控制滚动条
clearTimeout(timer)
}
</script>
</head>
<body onload="scrolltop()" onunload="stoptimer()">
<div id="scrollmenu" >
<b>置顶菜单</b><br />
<a href="###">导航⼀</a><br />
<a href="###">导航⼆</a><br />
<a href="###">导航三</a><br />
<a href="###">导航四</a><br />
</div>
<p >当页⾯出现滚动条的时候,菜单依然置顶<br />默认为左上⾓置顶,当为id="scrollmenu"的style添加属性right:0则右上⾓置顶</p> </body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论