AngularJS - ng-viewスクロール内のページをスクロール可能にします（iPhone上）

Question

私はPlunkrの例を用意しましたが、ng-viewディレクティブ内のページのスクロールには助けが必要です。

実際のiPhone5、iPhone6、またはiPadで「埋め込み」アプリケーションを起動してください。

https://plnkr.co/edit/WXtQxVcdgyvnaajbs4eJ?p=preview

今MD-ツールバーは、サイト全体をスクロールしているが、私はNG-ビューディレクティブ内のすべてのページがスクロールする必要がありながら、トップにそれを粘着性にしたいです。

更新：Mike Feltmanがmd-toolbarを修正するよう提案しましたが、これは役に立ちません。

<md-toolbar style="position: fixed;"> 

スクリーンショットはこの問題を示しています。今ページ全体が（赤い矢印）をスクロールするが、私が欲しいのはページがNG-ビュー（緑の矢印）の内側に事前に

感謝をscollということです。

Answer 1

だけにあなたのMD-ツールバーの要素を変更します。

<md-toolbar style="position: fixed;"> 

または固定のためのCSSクラスを定義して、ツールバーにスタイルを適用します。

また、$ mdStickyをディレクティブで使用することもできます。これはおそらくあなたが必要とするものではありませんが、あなたを近づけるでしょう。

angular.module("yourApp").directive('sticky', Sticky) 

function Sticky($mdSticky) { 
    return { 
     restrict: 'A', 
     link: function (scope, element) { 
      $mdSticky(scope, element); 
     } 
    } 
}