有没有一种方法可以防止动态元素导致页面溢出？

Question

我试图将元素叠加在光标之后的页面顶部，但是当内部窗口移动到窗口边缘附近时，不会影响内部窗口的大小。

虽然从理论上讲，我可以计算窗口的大小，然后将光标移到页面边缘附近时从元素的大小中减去，但我宁愿使用一种更为优雅的方法。

这是我当前定位元素的方式：

el.style.position = 'absolute';

el.style.width = '100px';
el.style.marginLeft = '-50px';

el.style.height = '2em';
el.style.marginTop = '-1em';

document.onmousemove = function ({pageX, pageY}) {
    el.style.left = `${pageX}px`;
    el.style.top = `${pageY}px`;
};

Answer 1

没关系，我想通了，我将位置更改为固定。