How to scrollToElement using angular-scroll?

Question

I'm using Angular Scroll and once you hit a certain page I fire a function to scroll to an id. I'm getting the following error on the code below:

TypeError: $document.scrollToElement is not a function

initHelp();

function initHelp() {
    console.log('initHelp');
    $document.scrollToElement('#chart-help', 500).then(function() {
        console && console.log('You just scrolled to chart-help!');
    });
}

The docs from angular-scroll

.scrollTo( element [, offset, [, duration [, easing ] ] ] )

Alias of .scrollToElement.

.scrollToElement( element [, offset, [, duration [, easing ] ] ] )

No, didn't realize this required jquery...

Leon Gaban
– Leon Gaban

2015-07-14 14:42:25 +00:00
Commented Jul 14, 2015 at 14:42 — Leon Gaban
– Leon Gaban, Commented Jul 14, 2015 at 14:42

Leon Gaban · Accepted Answer · 2015-07-14 14:47:54Z

1

Figured it out:

var chartHelp = angular.element(document.getElementById('chart-help'));

$document.scrollToElement(chartHelp, 30, 500).then(function() {
    console && console.log('You just scrolled to chart-help!');
});

Also from their docs, I was missing the offset number: $document.scrollToElement(someElement, offset, duration);

answered Jul 14, 2015 at 14:47

Leon Gaban

39.4k123 gold badges351 silver badges553 bronze badges

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

Collectives™ on Stack Overflow

How to scrollToElement using angular-scroll?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related