标题:求助:Div(onmousemove)跟随鼠标,scrollTop之后按鼠标滑轮div与鼠标不一致
只看楼主
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
 问题点数:0 回复次数:2 
求助:Div(onmousemove)跟随鼠标,scrollTop之后按鼠标滑轮div与鼠标不一致
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
    document.onmousemove=function (ev)
    {
        var oEvent=ev||event;
        var oDiv=document.getElementById('div1');
        var scrollTop=document.documentElement.scrollTop|| document.body.scrollTop;
        
        oDiv.style.left=oEvent.clientX+scrollTop+'px';
        oDiv.style.top=oEvent.clientY+scrollTop+'px';
        
    };
</script>
<style>
    #div1{ width:200px; height:200px; background:red; position: absolute;}
</style>
</head>


<body style="height:2000px;">
<div id="div1"></div>
</body>
</html>


[此贴子已经被作者于2016-7-21 17:31编辑过]

搜索更多相关主题的帖子: function content PUBLIC title 
2016-07-21 17:29
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
得分:0 
效果图:

每次按鼠标下滑top 和left就会增加。不会跟着鼠标
2016-07-21 17:39
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
得分:0 
已解决。。谢谢
2016-07-21 17:58



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-467105-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.080710 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved