如何使用CSS3 Transform.translate設置元素的真實位置？

我有2個輸入按鈕如何使用CSS3 Transform.translate設置元素的真實位置？

我想移動BTN1下面BTN2鼠標懸停/點擊按鈕。我提到http://www.quirksmode.org/js/findpos.html以獲得btn2的位置並相應地將x和y給予Transform：translate方法。但是btn1移動到頁面上的不同位置。賦予translate方法的座標不能按預期工作。需要幫助以確定要轉換的正確座標。

來源

2013-01-03 Rizwan Shaikh

你對翻譯方法給予了什麼樣的協調？如果您將當前代碼添加到問題或[JSFiddle]（http://jsfiddle.net/），它將幫助您獲得有用的答案。 – robertc

translate的座標是相對於元素的原始位置。如果你希望這些代表設置元素的頁面上的絕對位置0,0第一：

position: absolute; 
top: 0; 
left: 0;

可能是一個更好的辦法來做到這一點（不絕對定位）將獲得兩個元件的位置，計算差異並將其傳遞給translate。

來源

2013-01-03 18:34:45 freejosh

如何使用CSS3 Transform.translate設置元素的真實位置？

回答

相關問題