JavaScript

最新推荐文章于 2024-09-18 19:18:38 发布

Freda

最新推荐文章于 2024-09-18 19:18:38 发布

阅读量88

点赞数

分类专栏：标记语言文章标签：绝对定位

本文链接：https://blog.youkuaiyun.com/xiaoqing230/article/details/83983543

版权

标记语言专栏收录该内容

3 篇文章

订阅专栏

<html>

<head>

<title></title>
<script>
function show1(){
var mydiv=document.getElementById("mydiv");
mydiv.innerText+='单击';
}
function show2(){
var mydiv=document.getElementById("mydiv");
mydiv.innerHTML+='按下';
}

this.οnscrοll=function(){//this就是指文档document,所以此处this可改为document
var mydiv=document.getElementById("mydiv");
mydiv.innerHTML+='我滚啊滚...'+document.body.scrollTop;
var adv=document.getElementById("adv");
adv.style.pixelTop=30+document.body.scrollTop;
}
</script>
<style>
#adv{
position:absolute;
width : 200px ;
height : 115px ;
z-index : 1 ;
left : 108px ;
top : 73px ;
}
</style>

</head>

<body>
<input type="button" value="请点击这里" οnclick="show1()" οnmοusedοwn="show2()"/>
<div id="mydiv" style="height:2000;background-color:pink"></div>
<div id="adv">xxxx</div>

</body>

</html>