当div在屏幕外时进行检测

Question

我有一个可以订购产品的页面。所以有一个"；购买"；按钮

我想，当用户向下滚动时，当按钮消失时，用这个相同的按钮在屏幕底部创建一个固定的条；购买"；。

我想知道我是否必须这样做：

screenHeight = window.innerHeight;
if (screenHeight > 400) { // do this }
else { // do this }

或者也许有一个合适的方法来做到这一点。检测此按钮何时离开显示屏？

我正在与React合作。

谢谢

Answer 1

您可以使用交集观测器https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API