Tengo una página con varios elementos iónicos y una pestaña de menú en la parte inferior de la página.
A medida que aumentan los elementos de Ionic, parece que se superpone a la barra de menú de pestañas, como se muestra en la imagen. Puedo desplazarme por la página, pero me gustaría poder limitar el desplazamiento hasta la barra de pestañas.
¿Puede alguien aconsejarme sobre cómo puedo configurarlo para que desde la parte superior hasta la barra de pestañas todo sea desplazable?
Se superpone debido a que z-index
intenta dar 1 número de valor más alto a su menú de pestañas, como si algún elemento en su código tuviera el valor de z-index
más alto de 5 que el valor de z-index
menú de pestañas como 6.
Si desea desplazarse hasta el menú de pestañas y mostrar hasta el último icono, agregue un margin-top/margin-bottom
a la altura del menú inferior.
Coloque el menú de pestañas dentro del elemento <ion-footer>
Debe tener un aspecto como este:
<ion-header> ... </ion-header> <ion-content> ...all your elements go here </ion-content> <ion-footer> ...tab menu goes here </ion-footer>