让隐藏的 div 出现在 WordPress 的滚动条上

Question

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

我尝试过的一些帖子：

Show div on scrollDown after 800px

Make div appear on scroll in wordpress

Make <div> appear upon scrolling

--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');