组的div鼠标坐标

Question

问题是： 从来就转化DIV这样的：

$('#container').css('-moz-transform-origin', '0 0'); 
$('#container').css('-webkit-transform-origin', '0 0'); 
$('#container').css('-o-transform-origin', '0 0'); 
$('#container').css('-ms-transform-origin', '0 0'); 
$('#container').css('-transform-origin', '0 0'); 

$('#container').css('-moz-transform', 'scale(.5)'); 
$('#container').css('-webkit-transform', 'scale(.5)'); 
$('#container').css('-o-transform', 'scale(.5)'); 
$('#container').css('-ms-transform', 'scale(.5)'); 

现在我追加另一div来此缩放容器...

id('container').appendChild(follower);  

如果我知道想要设置此div完全符合文档的鼠标位置... 追随者的位置与文档鼠标位置极为不同

$(document).mousemove(function(e) { 

var IE = document.all ? true : false; 

if (IE) { 
    vx = e.clientX; 
    vy = e.clientY;  
} else { 
    vx = e.pageX; 
    vy = e.pageY; 
} 

follower.style.left = xDropPos + 'px'; 
follower.style.top = yDropPos + 'px'; 
} 

如何解决这个问题？

Answer 1

使用vx和vy参数一样，

$(document).mousemove(function(e) { 
    var IE = document.all ? true : false; 
    if (IE) { 
     vx = e.clientX; 
     vy = e.clientY;  
    } else { 
     vx = e.pageX; 
     vy = e.pageY; 
    } 
    follower.style.left = vx + 'px';// use vx 
    follower.style.top = vy + 'px';// use vy 
});