js实现随滚动条滚动,div位置动态变化,使div不会因为滚动条的下滑而导致div被上部边界覆盖。
本例比较简单,就不做过多解释了。
注:不是完整代码,不能直接复制运行!
js:
$(function(){
window.οnscrοll=function(){
var top1=document.body.scrollTop;
if(top1>=300)
$("#logo").css("position","absolute").css("top",top1); //300为div初始位置,当滚动条距离顶部的距离大于300时,使div与滚动条保持相同高度
else
$("#logo").css("position","absolute").css("top",300);
}
}
html:
<style type="text/css">
#logo{
position: absolute;
top:300px;
left:0px;
}
</style>
<body>
<div id="logo"></div>
</body>