js事件2 跟着鼠标走的div

获得的是鼠标可视区的鼠标坐标

myEvent.clientX / myEvent.clientY

获取页面的水平滚动条位置

document.documentElement.scrollLeft || document.body.scrollLeft

获取页面的数值滚动条位置

document.documentElement.scrollTop || document.body.scrollTop

示意图

div.style.top = clientY + scrollTop

js事件2 跟着鼠标走的div_第1张图片
shiyitu.png



    
    跟着鼠标走的div
    


效果

js事件2 跟着鼠标走的div_第2张图片
eventSport.gif

你可能感兴趣的:(js事件2 跟着鼠标走的div)