我已经添加了custom_script.js 通过制作/js 文件夹，我将其添加到functions.php 像这样：

/*** Make Header Shrink on Page Scroll**/
add_action( \'wp_enqueue_scripts\', \'scroll_enqueue_script\', 15 );
function scroll_enqueue_script() {
    wp_register_script( \'scroll_custom_script\',
        get_stylesheet_directory_uri() . \'/js/custom_script.js\',
        array( \'jquery\' ), 
        \'4.3.1\', 
        true 
    );
    wp_enqueue_script( \'scroll_custom_script\' );
}

我通过开发人员控制台在我的元素中看到了脚本，在我的资源中我可以看到代码，但它似乎没有触发。我在卷轴上发出警报，测试它是否会开火，但我似乎无法触发它。

jQuery(document).ready(function($){
    $(function(){
        var hasBeenTrigged = false;
        $(window).scroll(function() {
            // if scroll is greater/equal than 100 and hasBeenTrigged is set to false.
            if ($(this).scrollTop() >= 100 && !hasBeenTrigged) { 
                alert("You\'ve scrolled 100 pixels.");
                hasBeenTrigged = true;
            }
        });
    });
});

jQuery(document).ready(function ($) {
    $(window).scroll(function(){
        var ScrollTop = parseInt($(window).scrollTop());

        if (ScrollTop > 100) {
            alert("You\'ve scrolled 100 pixels.");
        }
    });
});

jQuery(document).ready(function ($) {
    $(window).scroll(function(){
        var ScrollTop = parseInt($(window).scrollTop());

        if (ScrollTop > 100) {
            $( ".site-header" ).addClass( "scroll" );
        }else{
            $( ".site-header" ).removeClass( "scroll" );
        }

    });
});