# Barra de pesta帽as de Discourse para m贸vil
**URL:** https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696
**Category:** Theme component
**Created:** [8 Diciembre, 2017 18:05 UTC](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696 "2017-12-08T18:05:34Z")
**Posts on this page:** 1
**Showing post:** 116
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [13 Mayo, 2021 09:53 UTC](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696/116 "2021-05-13T09:53:48Z")
> [@Kchalk](#):
>
> B谩sicamente, la barra inferior se oculta autom谩ticamente cuando el usuario hace scroll hacia abajo y vuelve a aparecer cuando hace scroll hacia arriba.
Me encanta esta idea 馃槏 As铆 que acabo de probarla un poco. Creo que hay una forma mucho mejor de implementarlo, pero por ahora funciona bastante bien en mi sitio. 馃檪
Utilizo el c贸digo del componente [Big Header - Little Header](https://meta.discourse.org/t/big-header-little-header/86811?u=dodesz) dentro de `` de la plantilla para lograr esto.
* * *
Lamentablemente, en iPhone hay una limitaci贸n porque la barra de navegaci贸n inferior oculta por completo la barra de pesta帽as de Discourse. Por eso, la oculto.
**隆He actualizado este c贸digo!**
Ahora solo comparto el c贸digo aqu铆 (no estoy seguro de si es fusionable):
Coloca esto en la secci贸n `` para m贸viles:
```
```
Coloca esto en la secci贸n de CSS para m贸viles:
```
html:not(.anon) {
#topic-progress-wrapper,
#reply-control.draft {
bottom: 49px;
}
#reply-control.draft {
margin-bottom: env(safe-area-inset-bottom);
padding-bottom: 0px;
transition: all .1s ease-out;
}
.posts-filtered-notice {
transition: all .1s ease-out;
bottom: 49px;
}
}
body.tab-bar-hidden {
.d-tab-bar {
bottom: -49px;
transition: all .2s ease-in;
}
#topic-progress-wrapper:not(.docked),
#reply-control.draft {
bottom: 0;
transition: all .2s ease-in;
}
#reply-control.draft {
margin-bottom: env(safe-area-inset-bottom);
padding-bottom: 0px;
transition: all .2s ease-in;
}
.posts-filtered-notice {
transition: all .2s ease-in;
bottom: 0;
}
}
.d-tab-bar {
transition: all .1s ease-out;
}
body:not(.footer-nav-ipad) .footer-nav {
display: none;
}
```
**Demo**
---
_[View the full topic](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696)._