程序博客网 > excel表格工资表数据

跟随垂直滚动条滚动的DIV实现

来源：互联网发布：excel表格工资表数据编辑：程序博客网时间：2024/05/16 14:25

方法一:js实现，缺点：有点闪

<html>
<head>
<script>
function test()
{
document.getElementById("div1").style.top=document.body.scrollTop+100;//100为top:100px
}
</script>
</head>
<body onscroll="test()">
<div id="div1" style="position:absolute;top:100px;border:solid #000 1px;width:100px;height:60px">
广告
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

方法二:CSS实现

<html>
<head>
<style>{
overflow: hidden;
padding: 0;
margin: 0;
}
#div1 {
width: 100%;
height: 100%;
overflow: auto;
}#loading{
position: absolute;
top: 100;
left:0;
z-index:800;
}
</style>
</head>
<body>
<div id="div1">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id="loading" style="width:100%" align="center">
loading............
</div>
</body>
</html>

body

CSS方法相比JS优点是没有闪动

excel表格工资表数据

excel表格工资表数据

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子铯137 ofje137 成都137 137路 137公交 137路公交车路线国产137页酒井桃香abp137在线播放 z137时刻表闫凤娇137张图片兰州137路公交路线衡阳137路公交车路线 z137列车途经站成都公交137 长春137路公交车路线 137是哪里的号码 137公交车路线查询兰州137路公交车路线成都137路公交车台州137路公交车路线长沙137路公交车路线成都137路公交路线 137路公交车 137路公交车路线时间表 ofje sspd 辉煌煌国际hui137登陆学校风云删减137分钟上海1920袁洁莹137分钟在线播放女人如雾全集免费阅读137集 z138 138搜索 g138 stars138 voss138 74ls138 oae138 kdh138 138tt 138.tt 138.