Angular-Scroll：例と同じですが、機能しません（Plunker）

Question

Angular-Scroll（https://github.com/oblador/angular-scroll）を使用して、同じページの<a>リンクにスクロールするだけですが、スムーズに行います。私はそれを動作させることができなかったとき、私はPlunkerで非常に簡単なセットアップを行いました。

Plunker：あなたはGitHubでのzipファイルをダウンロードした場合https://plnkr.co/edit/w1GBTAjxtHL3H4LAuHoO

、私はフォルダの場所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" atributeを使用して、本文をスクロール可能な要素として使用します。