Mejora el scroll de tu sitio web para dispositivos móviles

Gruponichero · 1 Jun 2022

Buenas compañeros.

Alguien que me pueda ayudar para que mi scroll aparezca también en mobile??

html {
scroll-behavior: smooth;
}

.postcard {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}

YeltsinReyes · 1 Jun 2022

Rutinasdeportivas dijo:
Buenas compañeros.

Alguien que me pueda ayudar para que mi scroll aparezca también en mobile??

html {
scroll-behavior: smooth;
}

.postcard {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}

CSS:

 height: 200px;
  overflow-y: scroll;

Gruponichero · 1 Jun 2022

Donde lo coloco, dentro de .post??

YeltsinReyes · 1 Jun 2022

Rutinasdeportivas dijo:
Donde lo coloco, dentro de .post??

Si bro.

Insertar CODE, HTML o PHP:

.postcard {
    height: 200px;
    overflow-y: scroll;
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

Gruponichero · 1 Jun 2022

Me lo hace pero quiero baje lento, de esta forma, me baja directo al otro enlace amigo

CANIBAL · 1 Jun 2022

Primero ten encuenta si tu navegador lo soporta.
https://caniuse.com/css-scroll-behavior

Luego tienes que agregar este css

CSS:

html {
  scroll-behavior: smooth;
}

Por defecto no se hereda y se la tendrás que aplicar al elemento contenedor que tendrá el scroll. En el caso del viewport del navegador, deberás aplicárselo al elemento raíz, ya sea a través del elemento html o del pseudo-elemento :root.

Gruponichero · 1 Jun 2022

Ostras no me enteré de nada jajaja 😂😂😅😅. Yo lo tengo configurado así y solo me lo coge en ordenador. Me imagino que si que lo soportara

Mejora el scroll de tu sitio web para dispositivos móviles

Gruponichero

YeltsinReyes

Gruponichero

YeltsinReyes

Gruponichero

CANIBAL

Gruponichero

Temas similares