Foros del Web » Creando para Internet » CSS »

Línea superior de Web baja junto con página

Estas en el tema de Línea superior de Web baja junto con página en el foro de CSS en Foros del Web. Estimados... como se hace esto que se ve más claro en la Web: http://www.jaimelaucirica.cl/ Muchas gracias por vuestra ayuda....
  #1 (permalink)  
Antiguo 02/09/2014, 12:52
 
Fecha de Ingreso: mayo-2003
Mensajes: 174
Antigüedad: 21 años, 6 meses
Puntos: 0
Línea superior de Web baja junto con página

Estimados... como se hace esto que se ve más claro en la Web:

http://www.jaimelaucirica.cl/


Muchas gracias por vuestra ayuda.
  #2 (permalink)  
Antiguo 02/09/2014, 22:31
 
Fecha de Ingreso: julio-2014
Mensajes: 179
Antigüedad: 10 años, 3 meses
Puntos: 26
Respuesta: Línea superior de Web baja junto con página

Se hace con jQuery es un efecto sencillo, con este código es suficiente:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.        $(window).bind('scroll', function() {
  3.        var navHeight = $( window ).height() - 70;
  4.              if ($(window).scrollTop() > navHeight) {
  5.                  $('nav').addClass('fixed');
  6.              }
  7.              else {
  8.                  $('nav').removeClass('fixed');
  9.              }
  10.         });
  11.     });

Te dejo un texto que te explica a fondo como funciona este código:
http://stanislav.it/scroll-to-top-then-fixed-navigation-effect-with-jquery-and-css-free-download/

Saludos
__________________
Si haces las cosas como nadie las ha hecho, cobralas bien, si las vas a hacer como todos las han hecho, cobralas bien!!
MecanizandoWeb.com
  #3 (permalink)  
Antiguo 03/09/2014, 10:49
 
Fecha de Ingreso: mayo-2003
Mensajes: 174
Antigüedad: 21 años, 6 meses
Puntos: 0
Respuesta: Línea superior de Web baja junto con página

Gracias... voy a probar.

Etiquetas: baja, junto, página, superior
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:02.