鼠标控制DiV层滚动

最新推荐文章于 2023-04-05 09:50:09 发布

yang_zhuhong

最新推荐文章于 2023-04-05 09:50:09 发布

阅读量633

点赞数

分类专栏： javascript 文章标签：鼠标控制div层滚动

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<body οnscrοll="move()">
<div style="position:absolute;top:30px;left:0px; width:300; height:300" id=a>
<table width="50" height="100%" bgcolor="blue">
<tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
</table>
</div>
<table width="1000%" height="1000" >
<tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
</table>
<script>
function move() {
var y = document.body.scrollTop;
document.getElementById("a").style.top = eval(y+30)+"px";
var x = document.body.scrollLeft;
document.getElementById("a").style.left = eval(x)+"px";
}
</script>
</body>
</html>

鼠标滚动，层跟着滚动