jquery - 停止鼠標鎖定位置：從擴展頁面絕對？

Question

我在使用cursorhack時遇到了一些麻煩。

在我的網站上，我有一個「祕密」頁面，出於某些原因，我必須在該頁面上有一個動畫光標。

這個動畫光標實際上是一個位置：絕對div位於體內，由CSS動畫支持。大多數情況下，這是有效的。我仍然需要找出如何禁用遊標本身，但它的工作原理。

但是，無論何時將鼠標移到視口的右側/底部，頁面都會開始延伸。這是因爲div是一個絕對div，所以當它進入右側/底部時，頁面擴展爲允許您查看剛剛離開視口的光標部分。

本質上，位於body標籤中的絕對div位於視口之外，這導致滾動條延伸的問題。自然，這不是我想要發生的事情。

有什麼辦法可以阻止這種情況發生？

編輯：這裏是我正在使用的代碼片段。在情況下，它可以幫助：

$(document).mousemove(function(e){ 
$("#Cursor").css({left:e.pageX, top:e.pageY}); 
}); 

EDIT2：一個視覺參考，這幾乎等同於我的設置：http://jsfiddle.net/BfLAh/1/ 嘗試將鼠標移動到窗口的底部/右，你會看到的問題。

Answer 1

嘗試使用transform屬性將translate元素置於正確位置 - AFAIK「定位」視口之外的元素，使用該元素不應增加文檔測量值。

如果你看到它，你的光標元件位於0/0開始與（如通過將
#Cursor{position:absolute;top:0;left:0;}在樣式表），那麼我認爲你應該能夠只取pageX/pageY值是這樣的翻譯參數

$("#Cursor").css({ 
    transform: "translate("+e.pageX+"px, "+e.pageY+"px)" 
});