Staff en línea

[Javascript] cambiar transparencia de la toolbar al bajar el scroll
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Jue Mar 31, 2016 5:31 pm, editado 4 veces
[codebox]
Vuelve transparente la toolbar al bajar el scroll


[/codebox]
[hidecode]
Código:


$(function() {
  $(document).scroll(function() {
    if ($(this).scrollTop()>0) {
      $('#fa_toolbar').addClass('in_scroll');
   
    } else if ($(this).scrollTop() == 0) {
      $('#fa_toolbar').removeClass('in_scroll');
   
    }
  });
});
[/hidecode]

Código:


#fa_toolbar {
 color: white !important;
 text-decoration: none !important;
}
#fa_toolbar:hover { opacity: 1 }
.scrolled { /* Cambios al bajar el scroll */
 opacity: 0.7 !important;
 line-height: 90px !important;
}
.scrolled #fa_textarea{opacity:.7}

Chalo
Chalo

¿Que estoy pensando? :

De regreso [table class=fecha_up][td]Se modifico:27/02/19 - 8:46 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6887


Puntos :

8988


Me gusta :

1034


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Es cambiar o volverla transparente...
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

staff
Mensaje automático



[ok]Se movio el tema del subforo Staff a Javascript[/ok]
Chalo
Chalo

¿Que estoy pensando? :

De regreso [table class=fecha_up][td]Se modifico:27/02/19 - 8:46 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6887


Puntos :

8988


Me gusta :

1034


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Gracias por el aporte Señor Chalo
YoshiGM
YoshiGM

¿Que estoy pensando? :

RIP OpenSource 2014-2019 [table class=fecha_up][td]Se modifico:15/01/19 - 21:45 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1174


Puntos :

1573


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.