0

有人可以向我解释如何在 AngularJS 1.6中的组件中使用 $anchorScroll、Offset、scrollX、scrollY 吗？

4

2 回答 2

0 
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();
    };
  }]);

这是官方文档给出的例子。

它将$anchorScroll服务注入控制器。$anchorScroll()一旦您完成将$location散列设置为所需位置的 id（例如，您想要滚动到的元素开始），就可以通过简单地调用该服务来使用该服务。

如果你不喜欢将$location服务注入你的控制器，你也可以直接将元素的 id 传递给$anchorScroll('bottom').

如果您的页面顶部有一个固定的导航栏（或类似的东西），您希望指定一个偏移量以添加到滚动位置（否则一旦滚动完成，导航将覆盖您的元素）。通过设置它来做到这一点$anchorScroll.yOffset = 100。

于 2018-02-16T14:03:35.310 回答
-1

尝试AngularJS文档

https://docs.angularjs.org/api/ng/service/$anchorScroll

于 2017-03-29T06:08:16.077 回答