【SANGO】固定ヘッダーをスクロールで小さく変化させる方法

/*--------------------------------------
  スクロールでヘッダーを小さくする
--------------------------------------*/
@media only screen and (max-width: 767px){
	.is-animation #drawer__open, 
	.is-animation .header-search {
		font-size: .8em;
		height: 40px;
		line-height: 40px;
	}
	.is-animation #drawer+#inner-header {
		height: 40px;
	}
	.is-animation #logo:before {
		height: 0;
	}
	.is-animation #logo a {
		padding: 0!important;
		transition: none;
	}
	.is-animation #logo {
		height: 40px;
		line-height: 1.5;
		font-size: initial;
	}
	.is-animation #logo img {
		height: 30px;
		padding: 0;
	}
	.is-animation .mobile-nav {
		display: none;
	}
}

/*********************
 * 固定ヘッダーを小さくする
*********************/
function header_scroll_mini() {
?>
<script>
jQuery(function() {
	var w = $(window).width();
    var x = 767;
    if (w <= x) {
		  var $win = $(window),
			  $header = $('header'),
			  animationClass = 'is-animation';
		
		$win.on('load scroll', function() {
			var value = $(this).scrollTop();
			if ( value > 100 ) {
				$header.addClass(animationClass);
			} else {
				$header.removeClass(animationClass);
			}
		});
	}
});
</script>
<?php
}
add_action('wp_footer', 'header_scroll_mini');

/*********************
 * 固定ヘッダーを小さくする
*********************/
function header_scroll_mini() {
?>
<script>
jQuery(function($) {
	var w = $(window).width();
    var x = 767;
    if (w <= x) {
		  var $win = $(window),
			  $header = $('header'),
			  animationClass = 'is-animation';
		
		$win.on('load scroll', function() {
			var value = $(this).scrollTop();
			if ( value > 100 ) {
				$header.addClass(animationClass);
			} else {
				$header.removeClass(animationClass);
			}
		});
	}
});
</script>
<?php
}
add_action('wp_footer', 'header_scroll_mini');