javascript - Angular 滚动 : same as example, 但不工作 (Plunker)

Question

我正在尝试使用 Angular-Scroll ( https://github.com/oblador/angular-scroll ) 简单地滚动到 <a>链接在同一页面上，但做得很好、很顺利。当我无法让它工作时，我在 Plunker 中做了一个 super 简单的设置。

骗子:https://plnkr.co/edit/w1GBTAjxtHL3H4LAuHoO

如果您下载 GitHub 的 zip，我会在文件夹位置 angular-scroll-master/example/container.html 中尝试执行一个示例。实际上没有什么复杂的， Angular 脚本基本上只是查找要使用的指令的容器 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

我编辑了你的插件，它现在似乎可以工作了。这是link .

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