jquery - 用户到达页面末尾时更改 div 标签可见性的 JQuery 代码

Question

当用户向下滚动到网页并到达网页末尾时，我试图在网页底部触发一个弹出窗口。

我的代码可以在控制台上触发警报消息，但在同一个滚动触发代码块中，我无法更改我想要的 div 标签的可见性属性。我尝试将触发器的脚本放在标题中、正文的开头和正文的末尾。在所有三种情况下，div 标签的可见性都保持不变。

<div id="contact_popup">asdfasasdffffffffffffffffffffffffffffffffffffffffffffdf</div>
    <script>
        $(window).scroll(function () {
            if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                $("#contact_popup").attr("visibility", "visible");
                alert("Hello");
            }
        })
    </script>
</body>

标签： jqueryhtmlscrolltriggers