組的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 
});