ScrollTo using AngularJS and jQuery

The following small snippet allows you to create a smooth scroll effect to a particular DOM-element. You just insert the function inside an AngularJS-controller.

Snippet

$scope.scrollTo = function(element) {
  $( 'html, body').animate({
    scrollTop: $(element).offset().top
  }, 2000);
}

Usage

$scope.scrollTo( ".level2");
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s