J'utilise un rafraîchisseur ionique pour rafraîchir le contenu sur une page de mon application. Cependant, lorsque je tire l'ion-rafraîchisseur, l'arrière-plan ne se met pas complètement réglé sur la couleur que je veux.
Ceci est une classe CSS, je postule à l'ion-rafraîchisseur: p> et c'est ce que le résultat ressemble à: p> < un href = "https://i.stack.imgur.com/mdxzj.png" rel = "nOfollow noreferrer"> p> Comment puis-je retirer l'espace blanc entre le rafraîchisseur d'ions et le contenu principal? P> P>
4 Réponses :
Lorsque vous tirez lorsque vous tirez, un div a été créé appelé pour supprimer l'écart Il suffit d'ajouter contenu fixe code>
.Fixé-contenu code> dans votre
.scsss code>
Exemple: p>
Merci pour les conseils, j'ai réussi à le faire fonctionner d'une autre manière en ajoutant du bas du remplissage à la teneur en ion-recycleur qui m'a donné le comportement que je voulais.
C'est ce qui a eu lieu pour moi.
sur ionique 4, strong> Ce CSS a fonctionné pour moi: ion-refresher-content {
padding-bottom: 200px;
background-color: yellow;
.refresher-pulling {
position: fixed;
top: 50px;
}
}
@ Devner's Solution ne fonctionne pas correctement avec l'iPhone X et le type (c'est-à-dire des périphériques avec une zone sûre-zone).
solution appropriée (ionique 4): p> Annexe: Meilleur UX sur mon avis peut être obtenu avec Suivant HTML: P> <ion-refresher slot="fixed" pullFactor="0.5" (ionRefresh)="onPullToRefresh($event)">
<ion-refresher-content
pullingIcon="refresh"
refreshingSpinner="crescent"
></ion-refresher-content>
</ion-refresher>