我有2个输入按钮
我想在鼠标悬停/按钮单击时将btn1移到btn2下方。我引用http://www.quirksmode.org/js/findpos.html来获取btn2的位置,并将x和y分别赋予Transform:translation方法。但是btn1移动到页面上的其他位置。提供给平移方法的坐标无法正常工作。
需要帮助来确定要转换的正确坐标。
最佳答案
translate
的坐标是相对于元素的原始位置的。如果您希望这些元素代表页面上的绝对位置,请首先将元素设置为0,0
:
position: absolute;
top: 0;
left: 0;
这样做的一种更好的方法(没有绝对定位)可能是获取两个元素的位置,计算差值并将其传递给
translate
。关于html - 如何使用CSS3 Transform.translate设置元素的真实位置?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14144925/