jQuery AnchorScroll Smooth Scroll Example

An alternative to the CSS scroll-behavior: smooth property that applies a smooth scroll effect with configurable speed, easing, and offset to anchor links within the document.

Curabitur vitae turpis ut mi consectetur viverra. Ut dignissim urna at metus rhoncus consectetur at eu diam. Nulla ullamcorper lorem odio, id iaculis purus vehicula non. In fermentum purus libero, eu porta lorem tempor nec. Nunc congue felis et auctor sagittis. Sed efficitur pulvinar arcu, ac consectetur urna condimentum nec. Fusce tortor ante, efficitur eget placerat in, tincidunt eget ipsum. Proin consequat quis metus vitae volutpat. Etiam volutpat consequat ligula eu blandit. Donec ullamcorper nisl a ornare vestibulum. Praesent luctus dolor a ligula varius, quis consectetur sem commodo. Fusce vel convallis velit. Vestibulum sed convallis ligula, a faucibus velit. Nulla volutpat vel lectus non aliquam. Proin laoreet feugiat leo non cursus. Duis non dignissim neque.

Donec tincidunt, mi at malesuada mattis, leo sapien imperdiet est, ac iaculis ante dolor vel leo.

Curabitur dignissim, ligula in vestibulum posuere, nunc ex varius lacus, in ornare enim magna quis mauris.

Aliquam erat volutpat. Nam eu auctor lacus, ac sodales mauris. Sed id risus facilisis, semper eros non, viverra ex. Phasellus tincidunt purus non turpis ullamcorper, a accumsan ligula accumsan. Aenean odio nisi, commodo quis tellus at, scelerisque commodo urna. Fusce fermentum ultricies mauris a fringilla. Aliquam vestibulum scelerisque nisi nec finibus.

Section 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum volutpat posuere. Fusce vel tristique tortor. Quisque eleifend finibus magna rutrum euismod. Duis consectetur varius pellentesque. Proin condimentum ornare justo, eget pellentesque augue sollicitudin eget. Fusce hendrerit finibus hendrerit. Duis venenatis elit in libero venenatis eleifend. Pellentesque id felis urna. Nullam dictum ultrices sodales.

Curabitur vitae turpis ut mi consectetur viverra. Ut dignissim urna at metus rhoncus consectetur at eu diam. Nulla ullamcorper lorem odio, id iaculis purus vehicula non. In fermentum purus libero, eu porta lorem tempor nec. Nunc congue felis et auctor sagittis. Sed efficitur pulvinar arcu, ac consectetur urna condimentum nec. Fusce tortor ante, efficitur eget placerat in, tincidunt eget ipsum. Proin consequat quis metus vitae volutpat. Etiam volutpat consequat ligula eu blandit. Donec ullamcorper nisl a ornare vestibulum. Praesent luctus dolor a ligula varius, quis consectetur sem commodo. Fusce vel convallis velit. Vestibulum sed convallis ligula, a faucibus velit. Nulla volutpat vel lectus non aliquam. Proin laoreet feugiat leo non cursus. Duis non dignissim neque.

Donec tincidunt, mi at malesuada mattis, leo sapien imperdiet est, ac iaculis ante dolor vel leo.

Curabitur dignissim, ligula in vestibulum posuere, nunc ex varius lacus, in ornare enim magna quis mauris.

Aliquam erat volutpat. Nam eu auctor lacus, ac sodales mauris. Sed id risus facilisis, semper eros non, viverra ex. Phasellus tincidunt purus non turpis ullamcorper, a accumsan ligula accumsan. Aenean odio nisi, commodo quis tellus at, scelerisque commodo urna. Fusce fermentum ultricies mauris a fringilla. Aliquam vestibulum scelerisque nisi nec finibus.

Section 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum volutpat posuere. Fusce vel tristique tortor. Quisque eleifend finibus magna rutrum euismod. Duis consectetur varius pellentesque. Proin condimentum ornare justo, eget pellentesque augue sollicitudin eget. Fusce hendrerit finibus hendrerit. Duis venenatis elit in libero venenatis eleifend. Pellentesque id felis urna. Nullam dictum ultrices sodales.

Curabitur vitae turpis ut mi consectetur viverra. Ut dignissim urna at metus rhoncus consectetur at eu diam. Nulla ullamcorper lorem odio, id iaculis purus vehicula non. In fermentum purus libero, eu porta lorem tempor nec. Nunc congue felis et auctor sagittis. Sed efficitur pulvinar arcu, ac consectetur urna condimentum nec. Fusce tortor ante, efficitur eget placerat in, tincidunt eget ipsum. Proin consequat quis metus vitae volutpat. Etiam volutpat consequat ligula eu blandit. Donec ullamcorper nisl a ornare vestibulum. Praesent luctus dolor a ligula varius, quis consectetur sem commodo. Fusce vel convallis velit. Vestibulum sed convallis ligula, a faucibus velit. Nulla volutpat vel lectus non aliquam. Proin laoreet feugiat leo non cursus. Duis non dignissim neque.

Donec tincidunt, mi at malesuada mattis, leo sapien imperdiet est, ac iaculis ante dolor vel leo.

Curabitur dignissim, ligula in vestibulum posuere, nunc ex varius lacus, in ornare enim magna quis mauris.

Aliquam erat volutpat. Nam eu auctor lacus, ac sodales mauris. Sed id risus facilisis, semper eros non, viverra ex. Phasellus tincidunt purus non turpis ullamcorper, a accumsan ligula accumsan. Aenean odio nisi, commodo quis tellus at, scelerisque commodo urna. Fusce fermentum ultricies mauris a fringilla. Aliquam vestibulum scelerisque nisi nec finibus.

Section 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum volutpat posuere. Fusce vel tristique tortor. Quisque eleifend finibus magna rutrum euismod. Duis consectetur varius pellentesque. Proin condimentum ornare justo, eget pellentesque augue sollicitudin eget. Fusce hendrerit finibus hendrerit. Duis venenatis elit in libero venenatis eleifend. Pellentesque id felis urna. Nullam dictum ultrices sodales.

Curabitur vitae turpis ut mi consectetur viverra. Ut dignissim urna at metus rhoncus consectetur at eu diam. Nulla ullamcorper lorem odio, id iaculis purus vehicula non. In fermentum purus libero, eu porta lorem tempor nec. Nunc congue felis et auctor sagittis. Sed efficitur pulvinar arcu, ac consectetur urna condimentum nec. Fusce tortor ante, efficitur eget placerat in, tincidunt eget ipsum. Proin consequat quis metus vitae volutpat. Etiam volutpat consequat ligula eu blandit. Donec ullamcorper nisl a ornare vestibulum. Praesent luctus dolor a ligula varius, quis consectetur sem commodo. Fusce vel convallis velit. Vestibulum sed convallis ligula, a faucibus velit. Nulla volutpat vel lectus non aliquam. Proin laoreet feugiat leo non cursus. Duis non dignissim neque.

Donec tincidunt, mi at malesuada mattis, leo sapien imperdiet est, ac iaculis ante dolor vel leo.

Curabitur dignissim, ligula in vestibulum posuere, nunc ex varius lacus, in ornare enim magna quis mauris.

Aliquam erat volutpat. Nam eu auctor lacus, ac sodales mauris. Sed id risus facilisis, semper eros non, viverra ex. Phasellus tincidunt purus non turpis ullamcorper, a accumsan ligula accumsan. Aenean odio nisi, commodo quis tellus at, scelerisque commodo urna. Fusce fermentum ultricies mauris a fringilla. Aliquam vestibulum scelerisque nisi nec finibus.