This particular directive I am currently implementing was discovered as the second solution to the inquiry found here - ScrollTo function in AngularJS:
.directive('scrollToItem', function($timeout) {
return {
restrict: 'A',
scope: {
scrollTo: "@"
},
link: function(scope, $elm,attr) {
$elm.on('click', function() {
$('html,body').animate({scrollTop: $(scope.scrollTo).offset().top }, "slow");
});
}
}})
Here is an example demonstrating how the code above can be used:
<a id="top-scroll" name="top"></a>
<div class="back-to-top" scroll-to-item scroll-to="#top-scroll">
The issue at hand is that when utilized, the page quickly scrolls all the way up before animating to the desired position. Is there a more efficient method for smoothly scrolling from the current location to the defined position?