Jquery使用目标偏移设置子对象动画,父对象设置为相对位置
在将小图像从一个地方动画到另一个地方时,我遇到了一些严重的问题 我得到目标偏移,并尝试使用偏移内容作为坐标,向所需位置设置图像动画。但结果总是不正确的 我知道问题是位置:相对,位置:绝对;但我无法摆脱这些,因为我已经 有没有更好的方法根据窗口计算坐标 我做了简化的小提琴,所以你能明白我的意思Jquery使用目标偏移设置子对象动画,父对象设置为相对位置,jquery,Jquery,在将小图像从一个地方动画到另一个地方时,我遇到了一些严重的问题 我得到目标偏移,并尝试使用偏移内容作为坐标,向所需位置设置图像动画。但结果总是不正确的 我知道问题是位置:相对,位置:绝对;但我无法摆脱这些,因为我已经 有没有更好的方法根据窗口计算坐标 我做了简化的小提琴,所以你能明白我的意思 $(“#thirdBA a”)。在(“单击”,函数(){ $(“#thirdBA”).append(“这是我””; var offset=$(“#秒”).offset(); console.dir(off
$(“#thirdBA a”)。在(“单击”,函数(){
$(“#thirdBA”).append(“这是我”
”;
var offset=$(“#秒”).offset();
console.dir(offset.left);
console.dir(offset.top);
$(.animated”).animate({left:offset.left,top:offset.top},“slow”);
});
单击时,会附加链接框。然后它必须移动到“过来”分区
有什么办法可以解决我的问题吗?难道你不能根据第二个div的位置设置动画:
$(“#second”).position()
查看下面的小提琴以了解更多信息
让我知道
-David嗯,您对位置输出进行了手动更正。那是行不通的。。。
$("#thirdBA a").on("click", function(){
$("#thirdBA").append('<p class="animated">This is me</p>');
var offset = $("#second").offset();
console.dir(offset.left);
console.dir(offset.top);
$(".animated").animate({left: offset.left, top: offset.top},"slow");
});