Smooth scroll

A lightweight script to animate scrolling to anchor links.

Turn anchor links into Smooth Scroll links by adding the data-scroll attribute.

<a data-scroll href="#sectionOne">Section one</a> 

Give the anchor location a ID equal to the anchor href="sectionOne".

<div id="sectionOne">Section one</div>

For all options see the documentation

Section one

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.

Back to the top

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Section two

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.

Back to the top

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Section three

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.

Back to the top

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Section four

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, sunt, repudiandae, ullam, minima deserunt doloremque illum perferendis excepturi velit ea earum quod autem labore animi necessitatibus! Ab, rerum quidem minus.

Back to the top

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

© 2016 YourApp