Hallo,
In deze blogpost zal ik jullie een eenvoudig maar levensreddend voorbeeld laten zien. Voordat we beginnen, moet ik jullie vertellen over twee methoden die we zullen gebruiken en die zich in Jquery bevinden. Laten we eens kijken wat deze twee methoden zijn?
addClass()= Met deze methode kunnen we een gewenste class toevoegen aan het class-attribuut van het door ons gekozen HTML-element.
removeClass()= Met deze methode kunnen we de gewenste class-namen verwijderen uit het class-attribuut van het door ons gekozen HTML-element.
Nu we de methoden begrijpen, kunnen we naar onze code gaan...
HTML
Ik hoef de HTML-code niet uitgebreid met jullie te delen, het belangrijkste is om de class aan te geven, de rest van het ontwerp is aan jullie :)
JQUERY
Maar waar is de toegevoegde class?
Laat me het jullie zo laten zien
CSS
Ik heb de aangegeven class aan mijn CSS-bestand toegevoegd.
position:fixed;=het label met deze eigenschap is gepositioneerd ten opzichte van het zichtbare gebied, wat betekent dat het altijd op dezelfde plek blijft, zelfs als de pagina wordt gescrold. Eigenschappen zoals top, bottom, left en right worden gebruikt om het element te positioneren.
RESULTAAT
Een fijne week voor iedereen...
