将 html 元素放置在页面中的任意 x/y 坐标处

Question

给定 X 和 Y 坐标，我想定位一个元素，使其位于屏幕/窗口上的该位置。

我希望滚动正常工作，因此固定位置不是解决方案。我想要固定的功能，但滚动时元素应该像普通元素一样移动。

无法保证父 html 元素的位置是什么。也就是说，它可以是静态的、相对的、绝对的或固定的）。

我知道仅使用 css 解决方案是不可能的，但没关系。

Answer 1

固定定位但带有滚动的等效项是position: absolute。它是相对于父位置的，只要它没有静态定位。

在 CSS 中：

#yourElement {
    position: absolute;
}

在 JavaScript 中使用x和y值：

var element = document.getElementById("yourElement");
element.style.left = x + "px";
element.style.top = y + "px";