Melhore o scroll do seu site para dispositivos móveis

Gruponichero · 01/06/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 · 01/06/2022

Rutinasdeportivas disse:
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 · 01/06/2022

Donde lo coloco, dentro de .post??

YeltsinReyes · 01/06/2022

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

Si bro.

Inserir CODE, HTML ou 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 · 01/06/2022

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

CANIBAL · 01/06/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 · 01/06/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

Melhore o scroll do seu site para dispositivos móveis

Gruponichero

YeltsinReyes

Gruponichero

YeltsinReyes

Gruponichero

CANIBAL

Gruponichero

Tópicos similares