在WordPress中滚动时显示隐藏的div

Question

有几个关于这个的帖子，但由于某种原因，我似乎无法让它工作。 我有一个浮动按钮，我想在滚动时出现。 我已将脚本添加到我的标题和CSS中。 不知道我在这里做错了什么。

我尝试过的一些帖子：

在800px之后在scrollDown上显示div

在divpress中滚动显示div

滚动时出现<div>

--PHP--

add_action('wp_header', 'subscribe_float');
function subscribe_float() {
?>
    <script type="text/javascript"> 
        jQuery(function($) {
            $(document).scroll(function () {
                var y = $(this).scrollTop();
                if (y > 50) {
                    $('#custom_html-12').slideDown();
                } else {
                    $('#custom_html-12').slideUp();
                }
            });
        });
    </script>
<?php } ?>


--CSS--

#custom_html-12 {
    background: #fbbd14;
    position: fixed;
    bottom: 55px;
    z-index: 999;
    right: 20px;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
    display: none;
}

Answer 1

钩子是wp_head ，而不是wp_header 。 因此，您的代码应该是：

add_action('wp_head', 'subscribe_float');