Este grupo especializado pasados ciertos días de trabajo y recopilación de de datos, encontramos los datos necesarios, esperamos que todo este artículo sea de gran utilidad en tu plan.
los scroll-padding-bottom define las compensaciones para la parte inferior de la región de visualización óptima del puerto de desplazamiento: la región utilizada como región de destino para colocar cosas a la vista del usuario. Esto le permite al autor excluir regiones del puerto de desplazamiento que están ocultas por otro contenido (como barras de herramientas o barras laterales de posición fija) o dejar más espacio para respirar entre un elemento de destino y los bordes del puerto de desplazamiento.
Sintaxis
/* Keyword values */scroll-padding-bottom: auto;/*values */ scroll-padding-bottom: 10px;scroll-padding-bottom: 1em;scroll-padding-bottom: 10%;/* Global values */scroll-padding-bottom: inherit;scroll-padding-bottom: initial;scroll-padding-bottom: unset;
Valores
- Un desplazamiento hacia adentro desde el borde inferior del puerto de desplazamiento, como una longitud válida o un porcentaje.
auto- El desplazamiento lo determina el agente de usuario. Por lo general, será 0px, pero un agente de usuario puede detectar y hacer otra cosa si un valor distinto de cero es más apropiado.
Definicion formal
| Valor inicial | auto |
|---|---|
| Se aplica a | contenedores de pergamino |
| Heredado | no |
| Porcentajes | en relación con el puerto de desplazamiento del contenedor de desplazamiento |
| valor calculado | Como se especificó |
| Tipo de animación | por tipo de valor calculado |
sintaxis formal
auto |where
= |
Especificaciones
| Especificación | Estado | Comentario |
|---|---|---|
| Módulo CSS Scroll Snap Nivel 1 La definición de ‘scroll-padding-bottom’ en esa especificación. |
Candidato a recomendación | Definición inicial |
Compatibilidad del navegador
| Escritorio | Móvil | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Cromo | Borde | Firefox | explorador de Internet | Ópera | Safari | WebView Android | cromo androide | Firefox para Android | Ópera Android | Safari en IOS | Samsung Internet | |
scroll-padding-bottom |
69 | 79 | 68 | No | 56 | 11 El relleno de desplazamiento no se aplica a los desplazamientos para fragmentar el objetivo o scrollIntoView()ver error 179379. |
69 | 69 | 68 | 48 | 11 El relleno de desplazamiento no se aplica a los desplazamientos para fragmentar el objetivo o scrollIntoView()ver error 179379. |
10.0 |
Ver también
- Ajuste de desplazamiento CSS
- Desplazamiento bien controlado con CSS Scroll Snap
Te mostramos las reseñas y valoraciones de los usuarios
Si entiendes que ha sido provechoso nuestro post, sería de mucha ayuda si lo compartes con otros desarrolladores de esta manera nos ayudas a extender este contenido.