您的位置：首页 > Web前端 > JavaScript

js实现随滚动条滚动div位置动态变化

2017-06-10 00:20 633 查看
js实现随滚动条滚动，div位置动态变化，使div不会因为滚动条的下滑而导致div被上部边界覆盖。

本例比较简单，就不做过多解释了。

注：不是完整代码，不能直接复制运行！

js:

$(function(){
window.onscroll=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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航