使用Angular滚动到特定div

Question

单击按钮我想滚动一个特定的div。确保我不想使用jQuery。

Answer 1

您需要在angular refer示例中使用$ anchorScroll概念：

'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);

这里'bottom'是你想要滚动的div id和'​​gotoBottom（）。按钮点击功能

Answer 2

为该div提供id并使用

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

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