AnchorScroll.js


A lightweight, easy-to-use jQuery plugin for smooth scrolling to anchor targets and adding classes to elements on scroll events.

Blur On Scroll

Add blur effect to body while scrolling.

<a href="#test" class="anchor-scroll" data-class-to="body" data-on-scroll="blur">...</a>

Click Arrow

Bounce After Scroll

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

Callback functions on scroll start and end.

$('.arrow-up').scrollAnchor({
  scrollStart: function () {
    $(".popup").text("Scrolling...");
  },
  scrollEnd: function () {
    $(".popup").text("Done!");
  }
});