Add blur effect to body while scrolling.
<a href="#test" class="anchor-scroll" data-class-to="body" data-on-scroll="blur">...</a>
Click Arrow
Add bounce effect to anchor element after scrolling to it.
<a href="#test-2" class="anchor-scroll" data-class-to="#test-2" data-scroll-end="bounce">...</a>
Callback functions on scroll start and end.
$('.arrow-up').scrollAnchor({ scrollStart: function () { $(".popup").text("Scrolling..."); }, scrollEnd: function () { $(".popup").text("Done!"); } });