Sticky

Een gedeelte van een websitepagina kan sticky gemaakt worden. Door bijvoorbeeld een achtergrondafbeelding sticky te maken, blijft deze als het ware ‘plakken’. Je scrolt naar beneden en de achtergrondafbeelding blijft plakken, terwijl de rest van de pagina wel beweegt.

Hieronder vind je verdere toelichting. In het online marketing woordenboek van SEO vrienden vind je diverse termen die te maken hebben met SEO, SEA en online marketing. Heb je vragen of mis je een woord? Dan kun je uiteraard contact met ons opnemen.

Wil je het maximale uit je website halen?

Neem nu contact op

CSS

Om een gedeelde van een pagina sticky te maken moet je dit verwerken in CSS. CSS staat voor ‘Cascading Style Sheets’ en is een programmeertaal voor de opmaak van HTML bestanden. Sticky is een vorm van opmaak en kan door middel van de juiste codering toegepast worden op een pagina binnen een website. Om iets sticky te maken moet je de CSS openen en de volgende code plaatsen:

(Voorbeeld van een sticky elemen)

div.voorbeeld {
position: sticky;
top: 0;
}

Als je met de browser ‘Safari’ werkt, ben je verplicht om de regel ‘position: -webkit-sticky; /* Safari */’ toe te voegen. Dit zit er als volgt uit:

div.voorbeeld {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}

In de meeste gevallen zal je iets vanaf de bovenkant willen laten plakken. Mocht je willen dat het van onder blijft plakken, moet je ‘top: 0;’ vervangen met ‘bottom: 0;’. Dit ziet er als volgt uit:

div.voorbeeld {
position: sticky;
bottom: 0;
}

Op ons online marketing blog vind je interessante artikelen over online marketing, of ga terug naar ons online marketing woordenboek.

Heb je nog vragen over Sticky, neem dan gerust contact met ons op. Wil je meer weten over online marketing om je website beter vindbaar te maken? Wij adviseren en helpen je graag bij SEO – zoekmachine optimalisatie – en SEA – zoekmachine adverteren.

Is je bedrijf niet gevestigd in een van de onderstaande regio’s? Ook dan zijn wij je uiteraard graag van dienst!

Alkmaar – Almelo – Almere – Alphen aan den Rijn – Altena – Amersfoort – Amstelveen – Amsterdam – Apeldoorn – Arnhem – Assen – Barendrecht – Barneveld – Bergen op Zoom – Breda – Capelle aan den IJssel – De Fryske Marren – Delft – Den Bosch – Den Haag – Den Helder – Deventer – Doetinchem – Dordrecht – Ede – Eindhoven – Emmen – Enschede – Goeree Overflakkee – Gooise Meren – Gouda – Groningen – Haarlem – Haarlemmermeer – Hardenberg – Harderwijk – Heerenveen – Heerhugowaard – Heerlen – Helmond – Hengelo – Het Hogeland – Hilversum – Hoeksche Waard – Hollands Kroon – Hoogeveen – Hoorn – Houten – Kampen – Katwijk – Krimpenerwaard – Lansingerland – Leeuwarden – Leiden – Leidschendam Voorburg – Lelystad – Lingewaard – Maastricht – Meierijstad – Middelburg – Midden Groningen – Nieuwegein – Nijmegen – Nissewaard – Noordoostpolder – Oosterhout – Oss – Overbetuwe – Pijnacker Nootdorp – Purmerend – Rijswijk – Roermond – Roosendaal – Rotterdam – Schagen – Schiedam – Sittard Geleen – Smallingerland – Stichtse Vecht – Súdwest Fryslân – Terneuzen – Tilburg – Utrecht – Utrechtse Heuvelrug – Veenendaal – Velsen – Venlo – Vijfheerenlanden – Vlaardingen – Waalwijk – Weert – West Betuwe – Westerkwartier – Westland – Woerden – Zaanstad – Zeist – Zoetermeer – Zutphen – Zwolle

Comments are closed.