заголовок genesis добавляет класс при прокрутке вниз

Question

С помощью этого кода я хочу добавить еще один класс css в заголовок сайта.
Я не знаю, как встроить. js в php.

//Add shrink class to header on scroll.
add_filter( 'genesis_attr_site-header', 'my_custom_genesis_header_class' );
function my_custom_genesis_header_class( $attributes ) {

        if ($(window).scrollTop() >= $('.site-header').outerHeight()) {
            $(".site-header").addClass("shrink");
        } else {
            $(".site-header").removeClass("shrink");
        }

    $attributes['class'] .= ' shrink';
    return $attributes;
}

Я хотел бы включить этот код в functions. php моей дочерней темы. Но я не знаю, почему не работает ...