How to setup and use the yOffset property of $anchorScroll in AngularJS

angularjs anchor-scroll
DanEEStar picture DanEEStar · Oct 24, 2014 · Viewed 20.2k times · Source

I use the $anchorScroll-service in AngularJS. It works fine. But I have a fixed navigation bar at the top and the scrolling location goes always x-pixels to far.

Now in the $anchorScroll documentation there is a property called yOffset. According to the documentation it should fix my problem.

I don't know how to use this yOffset-property however, because this specific part has no example.

How can I use the yOffset-property of the $anchorScroll-service?

Answer

merlin picture merlin · Oct 24, 2014

There is an example that illustrates how to use yOffset at the bottom of the $anchorScroll documentation.

// offset position by 100px down from the top
$anchorScroll.yOffset = 100;

This is the example plunker

Related questions

AngularJS - $anchorScroll smooth/duration

Reading the AngularJS docs I haven't figured out if $anchorScroll can have a duration/easing option to smooth scroll to elements. It only says: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); I do not use jquery and don't want to; is …

Read More
Scroll to anchor after page load in Angular

I need to set an ng-click event so that that it loads a new page, and then, once the page has loaded, scrolls to an anchor point on the page. I've tried every solution proposed on this SO post but …

Read More
$anchorScroll is not working in AngularJs

I am working on an app that submits the form and get the result from the server which followed by HTML table view. My input form is a bit big which covers whole the screen. When the table comes then …

Read More