Wij,

vertellen jou over
smooth scroll
Wat is smooth scroll?
Smooth scroll is, zoals de naam eigenlijk al zegt, het soepel (smooth) scrollen op een website. Een smooth scroll geeft de websitebezoeker een betere website ervaring. Het scrollen voelt namelijk een stuk vloeiender aan. Als je de “normale” scroll functionaliteit gebruikt, zal het scrollen wat schokkerig aanvoelen en lijkt het soms alsof de scroll plotseling stopt.
Het is een functionaliteit die door de meeste webbrowsers wordt geaccepteerd. Denk hierbij aan de browsers Google Chrome, Safari en Firefox. Je kan smooth scrolling toevoegen met CSS-code of jQuery code.
Hoe stel je smooth scroll in?
Onze webdevelopers stellen dagelijks de smooth scroll functie in voor verschillende websites. Ze leggen het uit:
Allereerst is het belangrijk om de juiste broncode op te zoeken. Dit kun je doen via de library van Github. Vervolgens dien je de library op te roepen binnen een eigen front-end omgeving, dit doe je met de code. Je kan de code verder naar wens aanpassen. Denk bijvoorbeeld aan de snelheid of smoothness. Wees wel secuur met het aanpassen van de code. Wanneer er iets ontbreekt of fout wordt ingevuld, dan werk het niet meer.
Een voorbeeld code:
const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true
});
Benieuwd naar nog meer interessante development trucjes? In onze blog lees je alles over de nieuwste CSS trends.
Heb je vragen over smooth scroll?
Wij gaan je helpen! Onze ervaren webdevelopers staan voor je klaar om je vragen te beantwoorden.
Projecten waar we trots op zijn:
Als webdesign en webdevelopment bureau in maatwerk websites kun je het zo gek niet bedenken of wij hebben het gedaan. Van maatwerk WooCommerce webshops en wensen als een betere conversie tot aan kleinere WordPress websites. Ook hier hebben wij de design methode toegepast. Zie hieronder onze projecten waar we trots op zijn.
123Sierbestrating
Ontwikkeling maatwerk webshop
The Good Guyz
Ontwikkeling maatwerk website
Kevin Murphy
Ontwikkeling maatwerk webshop
Checklist
Voor het verhogen van
jouw conversie

Meer weten over smooth scroll?
Wij gaan je helpen! Vul de gegevens in en wij zullen zo snel mogelijk contact opnemen!
Telefoon
Adres
Dorpsstraat 88
Postcode
1901 EN
Plaats
Castricum