<script>
( function( $ ) {
    $( document ).ready( function() {
        var header = $( "#main-header" );
        $( window ).scroll( function() {
            if ( $( window ).scrollTop() == 0 ) {
                header.addClass( 'wpc-header-hide' ).removeClass( 'wpc-header-show' );
            } else {
                header.removeClass( 'wpc-header-hide' ).addClass( 'wpc-header-show' )
            }
        } )
    } );
} )( jQuery );
</script>