Question

在按钮上单击我要滚动特定的div。确保我不想使用jQuery。

Answer 1

为该div提供ID并使用

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

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

Answer 2

您需要在角度参考示例中使用$ 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（）”。是按钮点击功能

使用Angular滚动到特定的div

2 个答案: