Scroll

Options

Element Description
.scroll Créer un bouton qui défilera la page vers un élément cible.
data-scroll Permet d'indiquer l'id de la cible.

Javascript

Fonctions Description
sk.scrollTo(offset ou element, speed(optionnel)) Défile la page vers la cible

Code

<button class="scroll" data-scroll="targetId">Button</button>

Exemples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempor ex ut magna pretium semper. Cras risus nibh, tincidunt et mi sed, consequat maximus magna. Aliquam interdum nisl eu volutpat hendrerit. Morbi interdum volutpat augue sed blandit. Aenean sodales feugiat porttitor. Maecenas vitae eleifend enim, ac faucibus leo. Morbi malesuada auctor justo, et tristique lectus imperdiet interdum. Cras eget fringilla ex. Curabitur finibus sit amet metus eu fermentum. Fusce quis erat laoreet, accumsan felis vel, elementum odio. Curabitur fringilla ligula turpis, eu sagittis enim auctor non. Phasellus aliquet ex ac nisi sagittis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pharetra elementum cursus.

Proin bibendum eget elit sit amet commodo. Praesent placerat dui nulla, eu feugiat diam venenatis et. Maecenas neque ipsum, pulvinar in fringilla vitae, iaculis et ex. Aenean vel dui ac augue euismod sodales sit amet quis diam. Fusce elementum placerat felis in lobortis. Praesent convallis, nunc ac venenatis fermentum, sapien ante lacinia tellus, in lobortis leo dolor a est. Pellentesque vitae tempus mi. Praesent volutpat, massa at dictum egestas, mauris nulla tincidunt nisi, quis interdum diam arcu quis tortor. Aliquam vel ultricies sem. Quisque efficitur nulla id risus maximus porta. Nam dapibus, diam sit amet eleifend suscipit, elit neque bibendum leo, sed consectetur libero metus ut augue. Quisque pretium vestibulum ornare. Integer libero purus, scelerisque quis diam ac, faucibus commodo ligula. Vestibulum velit diam, tempor ut enim non, tempor auctor mauris.

Sed quam est, sodales ac massa eu, sodales sodales leo. Cras sollicitudin nunc nec eleifend rutrum. Proin pellentesque tellus sit amet lacus lobortis, non vestibulum leo pretium. Nullam fringilla risus in sem consequat sodales. Phasellus dapibus diam non elit gravida faucibus. Aenean vel diam et lacus ullamcorper iaculis. Sed quis enim tincidunt, bibendum tellus ut, vulputate nisl. Mauris vestibulum tristique ante, in rhoncus diam rhoncus vitae. Aenean consequat tellus vitae sapien mattis, at cursus tortor suscipit. Phasellus eu posuere orci. Curabitur tortor purus, rutrum ut lacus et, sodales luctus sem. Nullam maximus, velit et tincidunt egestas, eros lectus efficitur velit, sed posuere risus nisi a orci. Donec ac rutrum ligula.

Pellentesque vitae enim tortor. Nulla pharetra sapien vel mi luctus, quis pulvinar nibh iaculis. Mauris ut turpis scelerisque, vestibulum magna in, maximus quam. Nulla erat est, dapibus a elit ac, ornare egestas orci. Integer ac dolor ipsum. Duis eu scelerisque massa, vel tincidunt purus. Nullam mi lectus, porttitor ac ornare at, tempus vel lacus. Morbi sed augue ut augue molestie posuere at vestibulum velit. Curabitur massa neque, iaculis sit amet dolor a, egestas ultricies nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vestibulum lacinia lacus et fermentum. Morbi in erat id nulla congue faucibus. Proin dapibus eleifend est vulputate malesuada.

Quisque vehicula eros dolor, a placerat purus dignissim a. Suspendisse eu porta neque. Suspendisse potenti. Integer eu neque at enim eleifend euismod. Aenean vel aliquet erat, at sagittis ante. Quisque eget nulla leo. Nunc ullamcorper sed nibh at hendrerit. Aliquam lacinia euismod venenatis. Aenean a odio eget nisi consequat molestie. Pellentesque orci odio, ultricies sed libero sed, dictum maximus est. Vestibulum at dictum justo, sed rhoncus dui. Nam aliquet nec odio sed accumsan. Sed cursus id neque eu auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempor ex ut magna pretium semper. Cras risus nibh, tincidunt et mi sed, consequat maximus magna. Aliquam interdum nisl eu volutpat hendrerit. Morbi interdum volutpat augue sed blandit. Aenean sodales feugiat porttitor. Maecenas vitae eleifend enim, ac faucibus leo. Morbi malesuada auctor justo, et tristique lectus imperdiet interdum. Cras eget fringilla ex. Curabitur finibus sit amet metus eu fermentum. Fusce quis erat laoreet, accumsan felis vel, elementum odio. Curabitur fringilla ligula turpis, eu sagittis enim auctor non. Phasellus aliquet ex ac nisi sagittis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pharetra elementum cursus.

Proin bibendum eget elit sit amet commodo. Praesent placerat dui nulla, eu feugiat diam venenatis et. Maecenas neque ipsum, pulvinar in fringilla vitae, iaculis et ex. Aenean vel dui ac augue euismod sodales sit amet quis diam. Fusce elementum placerat felis in lobortis. Praesent convallis, nunc ac venenatis fermentum, sapien ante lacinia tellus, in lobortis leo dolor a est. Pellentesque vitae tempus mi. Praesent volutpat, massa at dictum egestas, mauris nulla tincidunt nisi, quis interdum diam arcu quis tortor. Aliquam vel ultricies sem. Quisque efficitur nulla id risus maximus porta. Nam dapibus, diam sit amet eleifend suscipit, elit neque bibendum leo, sed consectetur libero metus ut augue. Quisque pretium vestibulum ornare. Integer libero purus, scelerisque quis diam ac, faucibus commodo ligula. Vestibulum velit diam, tempor ut enim non, tempor auctor mauris.

Sed quam est, sodales ac massa eu, sodales sodales leo. Cras sollicitudin nunc nec eleifend rutrum. Proin pellentesque tellus sit amet lacus lobortis, non vestibulum leo pretium. Nullam fringilla risus in sem consequat sodales. Phasellus dapibus diam non elit gravida faucibus. Aenean vel diam et lacus ullamcorper iaculis. Sed quis enim tincidunt, bibendum tellus ut, vulputate nisl. Mauris vestibulum tristique ante, in rhoncus diam rhoncus vitae. Aenean consequat tellus vitae sapien mattis, at cursus tortor suscipit. Phasellus eu posuere orci. Curabitur tortor purus, rutrum ut lacus et, sodales luctus sem. Nullam maximus, velit et tincidunt egestas, eros lectus efficitur velit, sed posuere risus nisi a orci. Donec ac rutrum ligula.

Pellentesque vitae enim tortor. Nulla pharetra sapien vel mi luctus, quis pulvinar nibh iaculis. Mauris ut turpis scelerisque, vestibulum magna in, maximus quam. Nulla erat est, dapibus a elit ac, ornare egestas orci. Integer ac dolor ipsum. Duis eu scelerisque massa, vel tincidunt purus. Nullam mi lectus, porttitor ac ornare at, tempus vel lacus. Morbi sed augue ut augue molestie posuere at vestibulum velit. Curabitur massa neque, iaculis sit amet dolor a, egestas ultricies nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vestibulum lacinia lacus et fermentum. Morbi in erat id nulla congue faucibus. Proin dapibus eleifend est vulputate malesuada.

Quisque vehicula eros dolor, a placerat purus dignissim a. Suspendisse eu porta neque. Suspendisse potenti. Integer eu neque at enim eleifend euismod. Aenean vel aliquet erat, at sagittis ante. Quisque eget nulla leo. Nunc ullamcorper sed nibh at hendrerit. Aliquam lacinia euismod venenatis. Aenean a odio eget nisi consequat molestie. Pellentesque orci odio, ultricies sed libero sed, dictum maximus est. Vestibulum at dictum justo, sed rhoncus dui. Nam aliquet nec odio sed accumsan. Sed cursus id neque eu auctor.