div跟随鼠标实现效果

实现思路:div脱离文档流,设置为固定定位:

position: fixed;

left: Number(event.clientX - event.offsetX + ‘偏移常量’);

top: Number(event.clientY - event.offsetY + ‘偏移常量’);

 

如果div位置过低:

if(top值 > (window.innerHeight - div高度)) {

     top:window.innerHeight - div高度

}

如果div位置偏右:

if(left值 >( window.innerWidth - div宽度)) {

     left: Number(event.clientX - event.offsetX - div宽度)

}

你可能感兴趣的:(div跟随鼠标实现效果)