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

  鼠标的获取坐标方式

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

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

问题:

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

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

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

 

解决方式 2种 

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

 

 2.解决方式2 

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

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

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

上一篇:一、简单的移动端tab头部二级下拉导航栏,向下弹出,向上隐藏


下一篇:放苹果