無論屏幕尺寸是多少，如何跟蹤位置？

我正在嘗試使用JavaScript在頁面中選擇一個區域，但問題是當它保存X/Y和Width/Height時，它實際上只與該屏幕大小有關，所以如果我們試圖在另一個用戶的電腦，它會離開正確的位置。無論屏幕尺寸是多少，如何跟蹤位置？

無論用戶的屏幕尺寸是多少，關於如何依賴以及如何跟蹤x和y的位置？

來源

2011-08-20 Ryan

可能使用css「position：fixed;」？ – wukong

你的問題沒有意義。屏幕尺寸如何影響基於像素的座標系？ –

這樣做，是因爲網站大多居中，像素座標從左/頂，算起來這麼大的屏幕將在左側更廣泛的空白，只是想想而已。 – Ryan

obj.offsetLeft和obj.offsetTop將始終相對於0,0的頂部/左側角落。

中心x = window.innerWidth/2;
中心Y = window.innerHeight/2;
對象寬度= elementNode.offsetWidth;
物體高度= elementNode.offsetHeight;

位置在屏幕的中間的對象：

el = document.getElementById('my_div'); 
el.style.position = 'absolute'; 
el.style.left = Math.floor((window.innerWidth/2) - (el.offsetWidth/2)) + 'px'; 
el.style.top = Math.floor((window.innerHeight/2) - (el.offsetHeight/2)) + 'px';

工作演示：http://jsfiddle.net/4aenr/

來源

2011-08-20 04:16:33 AlienWebguy

這並不能解決問題，請閱讀我上面的評論。 – Ryan

無論屏幕尺寸是多少，如何跟蹤位置？

回答

相關問題