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

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>