Question

我尝试使用Angular-Scroll（https://github.com/oblador/angular-scroll）只是滚动到同一页面上的<a>链接，但做得很顺利。当我无法使用它时，我在Plunker中进行了一个超级简单的设置。

Plunker ：https://plnkr.co/edit/w1GBTAjxtHL3H4LAuHoO

如果你下载了GitHub的zip，我试图在文件夹位置angular-scroll-master/example/container.html做一个例子。实际上并不复杂，角度脚本基本上只是找到要使用的指令的容器ID。

我无法弄清楚为什么我的页面不会滚动。

HTML

  <div class="medium-6 columns" du-scroll-container="container">
    <a href="#junk" du-smooth-scroll="" du-scrollspy="">Link</a>
  </div>

  <div id="container" class="medium-6 columns" du-scroll-container="">
    <div id="junk">LINK JUNK HERE YAY!!</div>
  </div>

</div>

JS

angular.module('scrollDemo', ['duScroll']).
  controller('myCtrl', function($scope) {
    var container = angular.element(document.getElementById('container'));
});

Answer 1

我编辑了你的plunker，它似乎现在正在工作。这是link。

问题是容器div不是可滚动的容器，它将是body元素，使其作为可滚动元素工作，您可以设置容器的最大高度，使其成为可滚动的元素或删除du-scroll-container="container"属性，以便它将主体用作可滚动元素。

Angular-Scroll：与示例相同，但不起作用（Plunker）

1 个答案: