Transparent Navbar - nach dem scrollen wird gewählte Hintergrundfarbe eingeblendet.

Hierfür muss im BE Modul unter Navbar -> Background Color -> Transparent Navbar aktiviert werden.

Funktioniert nur mit Placement "fixed-top":
BE Modul -> Navbar -> Layout/Placement -> Placement "fixed-top" auswählen.

Das benötigte JS befindet sich im Template Resources/Private/Partials/Page/Navbar/Assets.html
Wenn das Template ausgelagert wird, kann das benötigte JS angepasst werden.

Das Script mit der auskommentierten Option um auch die Text-Farbe (navbar-light, navbar-dark) zu ändern:

// Navbar transparent - Navbar/Assets.html
if ( $(window).width() > {settings.navbar.{navbarBreakpoint}} ) {
	$(window).on('scroll', function () {
		if ( $(window).scrollTop() > 60 ) {
			$('.navbar').css('background-color', '{config.navbar.colorschemes}');
			$('.navbar').css('transition', 'background-color 0.5s ease');
			$('.navbar').css('-webkit-transition', 'background-color 0.5s ease');
			$('.navbar').css('-moz-transition', 'background-color 0.5s ease');
<f:comment>
			// change navbar color
			$('.navbar').removeClass('navbar-light');			
			$('.navbar').addClass('navbar-dark');			
</f:comment>			
		} else {
			$('.navbar').css('background-color', 'var(--transparent)');
			$('.navbar').css('transition', 'background-color 0.5s ease');
			$('.navbar').css('-webkit-transition', 'background-color 0.5s ease');
			$('.navbar').css('-moz-transition', 'background-color 0.5s ease');
<f:comment>
			// change navbar color
			$('.navbar').removeClass('navbar-dark');			
			$('.navbar').addClass('navbar-light');
</f:comment>
		}
	});
} else {
	$('.navbar').css('background-color', '{config.navbar.colorschemes}');
}