Javascript 在不移动元件的情况下从相对位置更改为固定位置

我希望“提升”一个先前相对定位的

，这样我就可以绝对控制它的位置。使用引导网格定位div

为此，我想将样式从“相对”更改为“固定”，但不（最初）移动

---

我试图找到获得相对元素的绝对左属性的方法，允许我在更改到固定位置时简单地设置它，但似乎没有？这是一种正确的方法（感觉有点不舒服）。

以下是您在评论中要求的代码示例：

我首先得到元素的

偏移量

顶部和左侧位置

然后使用Jquery API设置它

$（函数（）{
变量$tobechanged=$（“#tobechanged”）.offset（）；
$（“#tobechanged”）.css({
顶部：$tobechanged.top+“px”，
左：$tobechanged.left+“px”，
位置：“固定”
});
});
正文{
高度：30000px；
}
#相对的{
背景：红色；
高度：50px；
宽度：100%；
}
#改变{
高度：100px；
背景：绿色；
宽度：100%；
位置：相对位置；
}

使用获取元素相对于视口的坐标

在此代码段中，单击列表项以将其冻结到位：


document.addEventListener（'click'，函数（e）{
var el=e.target；
如果（el.tagName==='SPAN'）{
var br=el.getBoundingClientRect（）；
el.style.position='固定'；
el.style.left=br.left+'px'；
el.style.top=br.top+'px'；
}
});
body{font:40px verdana；}
span{位置：相对；颜色：白色；光标：指针}
#A{背景：#036；}
#B{背景：#630；}
#C{背景：#063；}
#D{背景：#603；}
#E{背景：#360；}

阿尔法
好极了
查理
三角洲
回音

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

对于所有的错误，我们都要清楚地认识到这一点，因为我们必须清楚地认识到，所有人都应该受到赞扬、尊重和尊重，因为他们都是发明家和准建筑师。Nemo enim ipsam Voluptate是一个有着丰富经验的人，他是一个理性的人。最重要的一点是，在劳动和就业领域，所有人都有自己的权利、义务和义务。但是最低限度的成本，是否需要在实验室中进行实际操作，是否需要从消费品中获得流动性？在一个从相对到固定的转变过程中，这是一种保持位置的方法。当你想从相对到固定的转变时？滚动？@drKey我想在点击时更改（以便以后能够制作动画）@mohamedrias，我觉得这应该是一种方法，但我似乎无法让它工作；你在什么地方有工作的例子吗？如果是这样的话，把它作为一个答案加入，我会接受：）我现在已经把它作为一个答案加入@VonLion