2017-06-05 8 views
-1

ユーザーがページを上下にスクロールするときにフッターを非表示にしたい。イオン2でのスクロールを止めると再び表示されます。どこでも正しい答えが見つかりませんでした。私のコードは、ページをスクロールするときにフッターを非表示にする方法とイオン2で停止するときに表示する方法

底に定義スティックによって
<ion-content> 
<ion-list> 
<ion-item *ngFor=" let grocery of groceries"> 
    {{grocery}} 
</ion-item> 
</ion-list> 
</ion-content> 

<ion-footer>What is the time?</ion-footer> 
export class HomePage { 
groceries:any; 
products:any; 
demos:any; 
content:any 
constructor(public navCtrl: NavController) { 
    this.groceries = [ 
      'Bread', 
      'Milk', 
      'Cheese', 
      'Snacks', 
      'Apples', 
      'Bananas', 
      'Peanut Butter', 
      'Chocolate', 
      'Avocada', 
      'Vegemite', 
      'Muffins', 
      'Paper towels', 
      ]; 
    } 
} 
+0

底に定義スティックによってフッターの問題を解決して発生しました..あなたがそれをスクロールしたいのであれば...なぜコンテンツの部分を設定しないのですか? –

+0

boolean変数を '* ngIf'に設定し、' Content'コンポーネントのionScrollStartとionScrollEndを使ってこの変数をtrueまたはfalseに設定し、フッターを非表示にすることができます。申し訳ありませんが、コードを作成することはできませんが、こちらをご覧くださいhttps://ionicframework.com/docs/api/components/content/Content/ –

答えて

-1

フッター以下の通りです。そして、私はあなたがit.Iを変更することができないと思う同じproblem.Iがthis.Andのように私のために働い

サンプル

<ion-content> 
    <ion-list> 
     <ion-item *ngFor=" let grocery of groceries"> 
      {{grocery}} 
     </ion-item> 
    </ion-list> 

    <ion-row> 
     <ion-col> 
     What is the time? 
     </ion-col> 
    </ion-row> 

</ion-content> 
+0

これはオペアンプが望むものではありません。彼はページがスクロールしながらフッタを隠したい、 –

+0

あなたが望むものは分かっているが、フッタは底に固定されている。あなたが望むことをするのは難しいと思う。私は単なる提案だった –

関連する問題