javascript - 计算 div 的哪一部分不在屏幕上

Question

我有一个 div 是 position: absolute。有时在较小的屏幕分辨率下它会离开屏幕。是否可以以 px 为单位计算屏幕外有多少？

Answer 1

正如已经提到的，这确实不是解决这个问题的方法，但是您需要的代码是:

const offsetRight = document.querySelector('.your-element').getBoundingClientRect().right - window.innerWidth

此代码获取元素右边缘的 px 值，并计算它与窗口边缘之间的差异。

对于左侧:

const offsetLeft = 0 - document.querySelector('.your-element').getBoundingClientRect().left;