AngularJs scroll: how to "see" the scrolling effect

Question

I have this website in which I have a menu and onclick on the item I go to the section with that id.

My menu items are:

Home
Biography
Curriculum Vitae
Gallery
Video
Press
News
Contact

and my javascript is

$scope.scrollTo = function(id) {
    $location.hash(id);
    console.log($location.hash());
    $anchorScroll.yOffset = 50;
    $anchorScroll();
};

but how can I do if I'd like to see the "scrolling effect" while I go to the section? I mean, if I'm in the homepage and I click on Video, I would like to see my page scroll through "Biography", "CV" and "Gallery".

stackoverflow.com/questions/21749878/…

seahorsepip
– seahorsepip

2016-04-03 17:58:57 +00:00
Commented Apr 3, 2016 at 17:58 — seahorsepip
– seahorsepip, Commented Apr 3, 2016 at 17:58

Konkko · Accepted Answer · 2016-04-03 18:06:30Z

0

You could add jQuery and use it to animate scrolling.

For example:

jQuery('html, body').animate({scrollTop: 0}, 200);

answered Apr 3, 2016 at 18:06

Konkko

6624 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs scroll: how to "see" the scrolling effect

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related