Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 08.06.2022, 15:18
seeadler seeadler ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard shrink header on scroll

Hi zusammen,

ich habe folgendes JS erstellt:

Code:
jQuery(document).ready(function( $ ) {
	
	$(document).on("scroll", function(){
		if
      ($(document).scrollTop() > 200){
		  $("").addClass("shrink");
		}
		else
		{
			$("header").removeClass("shrink");
		}
	});
	
});
Meine Frage: Wie kombiniere ich "header" mit einer zusätzlichen css - Klasse?
Ich zu "header" in den Gänsefüßchen noch eine Klasse reinpacken und dann damit ansprechen.
Geht das?
Wenn ja, kann mir da jemand einen Tipp geben?
Mit Zitat antworten
Sponsored Links