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

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  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 2,293 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 634


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

7w7
EdePC
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.156



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
Hacker/Programador
Colaborador
***
Desconectado Desconectado

Mensajes: 2.399


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

Mi perfil de patrocinadores de GitHub está activo! Puedes patrocinarme para apoyar mi trabajo de código abierto 💖

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 4,702 Ú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 21,272 Último mensaje 7 Diciembre 2010, 15:56 pm
por seele
Duda con codigo efecto scroll
Programación Visual Basic
[Kayser] 4 2,479 Último mensaje 21 Mayo 2012, 20:29 pm
por [Kayser]
Alguien recuerda el efecto transicion de pagina de IE?
Desarrollo Web
WHK 3 2,674 Último mensaje 7 Agosto 2013, 16:32 pm
por #!drvy
Efecto de type en una página web
Desarrollo Web
Ali Baba 1 1,913 Ú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