0
votes

Couleur de fond de rafraîchissement de l'ion ne changera pas ionique

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: xxx

et c'est ce que le résultat ressemble à:

< un href = "https://i.stack.imgur.com/mdxzj.png" rel = "nOfollow noreferrer"> Entrez la description de l'image ici

Comment puis-je retirer l'espace blanc entre le rafraîchisseur d'ions et le contenu principal?


0 commentaires

4 Réponses :


1
votes

Lorsque vous tirez lorsque vous tirez, un div a été créé appelé contenu fixe

Entrez la description de l'image ici

pour supprimer l'écart Il suffit d'ajouter .Fixé-contenu dans votre .scsss Exemple: xxx


1 commentaires

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.



1
votes

C'est ce qui a eu lieu pour moi. xxx


0 commentaires

4
votes

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;
  }
}


0 commentaires

0
votes

@ 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> xxx pré>

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>


0 commentaires