如何隱藏頁腳當我滾動頁面，並出現當我停在離子2

-1

我想隱藏頁腳，當用戶向上或向下滾動頁面。並且它在停止在ionic2中滾動時再次出現。我沒有在任何地方找到正確的答案。我的代碼如下如何隱藏頁腳當我滾動頁面，並出現當我停在離子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', 
      ]; 
    } 
}

來源

2017-06-05 Gaurav Srivastava

的底部被定義棍棒頁腳..如果你想它滾動..爲什麼不只是在內容中設置部分？ –

您可以將布爾變量設置爲'* ngIf'，並使用Content組件的ionScrollStart和ionScrollEnd將此變量設置爲true或false並隱藏頁腳。抱歉，我現在無法爲您建立代碼，但請參閱https://ionicframework.com/docs/api/components/content/Content/ –

-1

的底部被定義棍棒頁腳。我不認爲你可以改變它。我也遇到同樣的疑難問題解決像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>

來源

2017-06-05 13:01:14

這不是我們想要的。他希望在頁面滾動時隱藏頁腳，而不是頁面滾動頁腳， –

我知道你想要什麼，但頁腳會固定在底部。我認爲這將是很難做到你想要的。只是一個建議 –

如何隱藏頁腳當我滾動頁面，並出現當我停在離子2

回答

相關問題