javascript - 将 html 元素定位在页面中的任意 x/y 坐标处

Question

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

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

不能保证父 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";