working solution for different logo on scroll

Your topic of that is the way i understand – different logo during scrolling – stop scrolling default logo:

the method used for your aim depends on the logos you like to use.
E.g. – Logo a and logo b are only colored differently (change of font color – change of branding color etc.). I would try to realize it by an svg logo just switching the fill colors by scroll event.
Etc.

F.e. two logo variants are by same dimensions. Insert your logo as usual – and set on quick css the other logo as background-image.
on my example page these are svg files – but png or jpg is also a possibility.

.av-contains-svg.invisible  {
  background-image: url(/wp-content/uploads/icon807.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.av-contains-svg.invisible svg {
  opacity: 0;
  transition: opacity 1s ease-in-out
}

the jQuery function now on child-theme functions.php:

function invisible_on_scrolling() { 
?>
<script type="text/javascript">
(function($){
  let timeout;
  let $targetOnScroll = $('.av-contains-svg');

  $(document).on("scroll", () => {
    $targetOnScroll.addClass("invisible");
    clearTimeout(timeout);
    timeout = setTimeout(() => $targetOnScroll.removeClass('invisible'), 200);
  });
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'invisible_on_scrolling');

see: https://webers-web.info/datenschutz/

Or: do you like to have different logo during shrink – after shrink finished – default logo
can you link to my post that you are referring to?

But that’s what it sounds to me when it’s said: different logos on scroll ( means during the scroll ).

if you want to show logo A only when loading the page – and while scrolling to the end of the shrunk header. After reaching the shrunk height of the header, logo B should be visible.
This is analogous to the transparency header – but now with the same behavior on all pages.

It would be best if we could see your logos to get an idea of what we have to work with.

what kind of mime type are your logos? png / jpg / svg ?

do you need inline svg for that alternative logo – or is a img src ok?
see: https://webers-web.info/impressum/

the trick will be to insert another subtext logo. But this logo is not in dependency to av_header_transparency but to header-scrolled class.

Edit: just a moment – i had to optimize the codes

hm – my coding abilities are not good enought to check in a filter function if a page/post is a transparency page.
i see that line on enfold-functions.php :

$transparency = post_password_required() ? false : get_post_meta( $post_id, 'header_transparency', true );

but can’t get it to run for all non transparency pages/posts

what i got so far for my example page is:

function an_alternative_logo( $sub ) {
	if (is_page(2879) ) {
		$sub .= '<img class="alternative-logo" src="path_to_your_alternative_logo" alt="alternativ Logo" />';
	}
	return $sub;
}
add_filter( 'avf_logo_subtext', 'an_alternative_logo' );

function replace_alternative_svg_logo_with_inline_code() { 
if (is_page(2879) ) {
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$( ".avia-img-svg-logo-sub img" ).remove();
		$.get('path_to_your_alternative_svg_logo', function(svg){
		  $( ".avia-img-svg-logo-sub" ).html( svg );
		}, 'text');
	})(jQuery);
});	
</script>
<?php 
}
}
add_action('wp_footer', 'replace_alternative_svg_logo_with_inline_code');

and for quick css:

#top.page-id-2879 .alternative-logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879  .header-scrolled .alternative-logo {
  opacity: 1;
}

#top.page-id-2879 .header-scrolled .av-contains-svg > svg,
#top.page-id-2879 .header-scrolled .av-contains-svg > img {
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879 .subtext.avia-img-svg-logo-sub > svg {
  position: absolute;
  top: 0;
  left: 0;
}

#top.page-id-2879 :not(.header-scrolled) .subtext.avia-img-svg-logo-sub > svg {
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879  .header-scrolled .subtext.avia-img-svg-logo-sub > svg {
  opacity: 1;
  transition: opacity 0.5s ease
}

maybe it is possible for a mod to change the code for a more global use, in the sense that only pages without transparent logo will have this filter.