Javascript 中滚动时如何隐藏元素

How to hide element when offscroll in Javascript

我有以下代码：

        document.addEventListener("scroll", inView);

        function inView() {
            if (document.getElementById("viewElement").getBoundingClientRect().bottom <= window.innerHeight) {
            let top = document.querySelector("#top");
            top.style.display = "block";
            }
            else{
            top.style.display = "none";
            }
        }

此函数的作用是，当用户滚动且页脚元素在视图中时，它会显示一个具有静态位置的元素。我想在页脚不可见时隐藏该元素。最好的方法是什么？

查看 IntersectionObserver API。它将允许您对离开视口的页脚做出反应。 https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API