elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el ttwitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  efecto al bajar scroll de una pagina
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: efecto al bajar scroll de una pagina  (Leído 496 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 594


youtu.be/0YhflLRE-DA


Ver Perfil
efecto al bajar scroll de una pagina
« en: 4 Abril 2020, 17:00 pm »

hola, como hago este efecto que al bajar con el scroll el hedear siga visible  :huh:

http://www.titaves.com.ar/quienes-somos/


En línea

{_id: "5ef16999f6ce240abc225ss3",
nombre: "Ana Keldysh",
nacionalidad: "Argentina",
edad: "17",
profesion: "Desarrollador Web Full Stack, pero la verdad hago de todo.",
"__v": 0
}
EdePC
Moderador Global
***
Desconectado Desconectado

Mensajes: 1.751



Ver Perfil
Re: efecto al bajar scroll de una pagina
« Respuesta #1 en: 4 Abril 2020, 17:31 pm »

MiriadaX: Desarrollo en HTML5, CSS y javascript de Apps Web, Android
--------------------------------------------------------------------------------
https://miriadax.net/web/desarrollo-en-html5-css-y-javascript-de-apps-web-android-ios-8-ed- (Click en registrarse, es gratis)

Modulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia

Tema 0. Transparencias y ejemplos del módulo
http://vishub.org/excursions/2209.full
https://miriadax.net/documents/99047200/99047742/Transparencias_mod2.zip
https://miriadax.net/documents/99047200/99047742/Materiales_mod2.zip

Tema 2. HTML/CSS: Estructura CSS (Float, Position, Flex, Grid)



- En el Módulo 1, tema 4 habla sobre como utilizar el Navegador web (chrome en este caso) para inspeccionar elementos web y ver sus estilos https://youtu.be/8d0xfVHS5CM, por ejemplo en la página que comentas tiene el estilo:

Código
  1. #main-nav.fixed {
  2.    position: fixed;
  3.    top: 0;
  4. }

- Deberías seguir el curso, por lo menos para conocer posibilidades HTML, CSS y javascript


« Última modificación: 4 Abril 2020, 17:39 pm por EdePC » En línea

@XSStringManolo
<svg/onload=alert()>
Colaborador
***
Desconectado Desconectado

Mensajes: 2.279


Turn off the red ligth


Ver Perfil WWW
Re: efecto al bajar scroll de una pagina
« Respuesta #2 en: 4 Abril 2020, 18:33 pm »

Puedes hacerlo de varias formas. Las más sencillas son la comentada por el compañero de aplicar css al elemento en cuestión modificando su position. fixed o absolute suelen ser las que te sirven para esto.

Otra opción es en vez de hacer el fijo es hacer el resto de la página móvil.

Un ejemplo fácil es un div donde le pongas el overflow le pongas un tamaño máximo. Busca por overflow-x overflow-y css en google. Así lo único que se mueve es el contenido del div. Quien dive div dice <main><nav><aside><section><textarea><footer> o el tag que te de la gana.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Bajar scroll text box
Programación Visual Basic
~~ 9 3,735 Último mensaje 21 Abril 2007, 13:18 pm
por Hans el Topo
Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente « 1 2 3 4 »
Desarrollo Web
javierr 36 16,549 Último mensaje 7 Diciembre 2010, 15:56 pm
por seele
Duda con codigo efecto scroll
Programación Visual Basic
[Kayser] 4 1,612 Último mensaje 21 Mayo 2012, 20:29 pm
por [Kayser]
Alguien recuerda el efecto transicion de pagina de IE?
Desarrollo Web
WHK 3 1,580 Último mensaje 7 Agosto 2013, 16:32 pm
por #!drvy
Efecto de type en una página web
Desarrollo Web
Diesan Romero 1 963 Último mensaje 25 Enero 2017, 07:28 am
por engel lex
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines