首页 > 移动平台 > 详细

盒子跟随鼠标坐标移动的问题

时间:2019-07-07 22:19:14      阅读:364      评论:0      收藏:0      [点我收藏+]

  鼠标的获取坐标方式

1.  clientX clientY  指的是针对可视页面的坐标值    

2. pageX pageY 指的是针对页面的坐标

问题:

1这个时候要注意如果body 的高度过高,会造成产生滚动条

这个时候会影响box的坐标值的取值

2.第二点,box的left值是针对于页面的,也就是说针对document的,而不是针对于可视区域的

 

解决方式 2种 

技术分享图片

 

 2.解决方式2 

技术分享图片

技术分享图片

盒子跟随鼠标坐标移动的问题

原文:https://www.cnblogs.com/qdxbls/p/11147863.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!