Foros del Web » Programando para Internet » Jquery »

Efecto con jquery

Estas en el tema de Efecto con jquery en el foro de Jquery en Foros del Web. Hola buenas, estoy haciendo una web y quiero que cuando vaya bajando con el scroll el slider se vuelva negro al ir bajando. Tengo echo ...
  #1 (permalink)  
Antiguo 08/08/2016, 12:23
 
Fecha de Ingreso: marzo-2015
Ubicación: Valencia
Mensajes: 132
Antigüedad: 9 años, 8 meses
Puntos: 0
Efecto con jquery

Hola buenas, estoy haciendo una web y quiero que cuando vaya bajando con el scroll el slider se vuelva negro al ir bajando. Tengo echo esto, pero resulta que me pasa de 0.3 de opacidad a 1. Es decir al empezar esta con 0.3 pero luego se me pasa directamente a 1 y va bajando. Lo que necesito es al reves, que comienze con con 0.3 y los numeros vayan subiendo no bajando. Os dejo el script: Y muchisimas gracias de antemano.


Código Javascript:
Ver original
  1. <script>
  2.         var fadeStart=100 // 100px scroll or less will equiv to 1 opacity
  3.     ,fadeUntil=800 // 200px scroll or more will equiv to 0 opacity
  4.     ,fading = $('div.fh5co-overlay')
  5. ;
  6.  
  7. $(window).bind('scroll', function(){
  8.     var offset = $(document).scrollTop()
  9.         ,opacity=0
  10.     ;
  11.     if( offset<=fadeStart ){
  12.         opacity=0.3;
  13.     }else if( offset<=fadeUntil ){
  14.         opacity=1-offset/fadeUntil;
  15.     }
  16.     fading.css('opacity',opacity).html(opacity);
  17. });
  18.         </script>

Etiquetas: efecto
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:24.