Scroll to specific div using Angular

Question

On button click I want to scroll a specific div. Make sure I don't want to use jQuery.

You can use a hyperlink and a hash fragment. Or you could use one of the solution linked to calculate the position of the element you want to scroll to. — Shilly
– Shilly, Commented Sep 13, 2018 at 9:41
Possible duplicate of Scroll to specific div on (click) in Angular — Brank Victoria
– Brank Victoria, Commented Sep 13, 2018 at 9:41

saumil_ · Accepted Answer · 2018-09-13 09:51:34Z

0

You need to use $anchorScroll concept in angular refer example:

'use strict';angular.module('anchorScrollExample', []).controller('ScrollController', ['$scope', '$location', '$anchorScroll',
function($scope, $location, $anchorScroll) {
  $scope.gotoBottom = function() {
    // set the location.hash to the id of
    // the element you wish to scroll to.
    $location.hash('bottom');

    // call $anchorScroll()
    $anchorScroll();
  };
}]);})(window.angular);

Here 'bottom' is your div id where you want to scroll and 'gotoBottom(). is function on button click

answered Sep 13, 2018 at 9:51

saumil_

3232 silver badges11 bronze badges

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

Comments

S Meena Padnekar · Accepted Answer · 2018-09-13 09:53:42Z

0

Give id for that div and use

document.getElementById("id").scrollIntoView();

    <div id="whatever">
       <--do things -->
    </div>
    <script>
        document.getElementById("whatever").scrollIntoView();
    </script>

edited Sep 13, 2018 at 9:53

answered Sep 13, 2018 at 9:49

S Meena Padnekar

13 bronze badges

Collectives™ on Stack Overflow

Scroll to specific div using Angular

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related