2017-08-21 1 views
0

Essayer de fixer un bouton au bas de l'écran en application ionique 2, mais je ne sais pas pourquoi il prend un espace après le bouton. J'ai essayé beaucoup de méthode même avoir changé le main.css concernant le bouton, mais pas en mesure de le réparer. S'il vous plaît aider, je veux le coller au fond sans espace enter image description here.Comment mettre le bouton au bas de l'écran dans l'application ionique 2

code J'utilise pour:

</ion-content> 
 
<ion-footer no-padding style="margin:0rem 0rem!Important;"> 
 
    <button ion-button block color="Dark" (click)="pushPage()">Explore</button> 
 
    </ion-footer>

<ion-footer> est gardé à l'extérieur de la <ion-content>, de manière à rendre le bouton fixé sur scrolling.Even sur la suppression 'marge' et « non -padding 'aucun effet n'est trouvé.

Répondre

2

En app.scss (ou .scss relative) ajoutez le code suivant:

.footer{ 
    button{ 
     margin-bottom: 0px; 
    } 
} 
+0

thanks..worked pour moi. –