使隐藏的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');