Foros del Web » Programando para Internet » Jquery »

Scrollbar efecto smooth

Estas en el tema de Scrollbar efecto smooth en el foro de Jquery en Foros del Web. Hola amigos, veran ando muy apurado con un problema que no se darle solución: Es un documento "madre", que dentro se halla un div "hijo" ...
  #1 (permalink)  
Antiguo 28/05/2014, 10:40
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
Scrollbar efecto smooth

Hola amigos, veran ando muy apurado con un problema que no se darle solución:

Es un documento "madre", que dentro se halla un div "hijo" con un scrollbar con texto dentro.

El problema viene cuando en la ventana hija bajo hasta abajo del todo y le doy al botón que me tiene que subir hasta arriba de la ventana hija, lo que sucede es que me sube el documento madre hasta arriba en vez de subir hasta arriba su div hijo.

y no se porque pasa esto.

este es el codigo:

Código Javascript:
Ver original
  1. $(document).ready(function() {    
  2.    
  3.         $('#sidebar').stickyMojo({footerID: '#footer', contentID: '#content'});
  4.    
  5.         $('.ancla').click(function(){
  6.            
  7.             $('#inicializando').mCustomScrollbar("scrollTo","top");
  8.             return false;
  9.            
  10.             var link = $(this);
  11.             var anchor  = link.attr('href');
  12.             $('html, body').stop().animate({
  13.                 scrollTop: jQuery(anchor).offset().top
  14.             }, 2000);
  15.             return false;
  16.         });
  17.     });

Código HTML:
Ver original
  1. <div id="contenedor_opcs">
  2.  
  3. <div id="inicializando">
  4.  
  5. bla.. bla.. bla...
  6.  
  7. <br/>
  8.  
  9. <div style="margin-left:411px;"><a href="#inicializando" class="ancla"><img src="../../imgs/btn_subir.png" width="45" height="45" alt="botón subir arriba" /></a></div>
  10.  
  11. </div>
  12.  
  13. </div>


gracias de antemano.
  #2 (permalink)  
Antiguo 28/05/2014, 13:51
Avatar de livemusic  
Fecha de Ingreso: abril-2011
Ubicación: Lima - Chorrillos
Mensajes: 150
Antigüedad: 13 años, 6 meses
Puntos: 18
Respuesta: Scrollbar efecto smooth

jajajaja :D ::

--- "ventana hija bajo hasta abajo" OR --- "tiene que subir hasta arriba"

--- Cuando mandas un return es como si dieras un finalizado de una función :D ..

#inicializando -- Acá tendrías que poner el ID del contenedor de tu Scroll ...

Código Javascript:
Ver original
  1. $('.ancla').click(function(){
  2.             $('#inicializando').mCustomScrollbar("scrollTo","top");
  3.             return false;
  4. });
  #3 (permalink)  
Antiguo 29/05/2014, 00:28
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
Respuesta: Scrollbar efecto smooth

Vale ok, he hecho esto, creo que es lo que me has aconsejado.

Pero sigue lledo hacia arriba todo el documento madre y también a la misma vez va hacia arriba el contenido

del div "hijo".

y solo debe subir el contenido del hijo, no el div madre contenedor.


Código Javascript:
Ver original
  1. $(document).ready(function() {    
  2.    
  3.         $('#sidebar').stickyMojo({footerID: '#footer', contentID: '#content'});
  4.    
  5.         $('.ancla').click(function(){
  6.            
  7.             $('#contenedor_opcs').mCustomScrollbar("scrollTo","top");
  8.             return false;
  9.            
  10.             var link = $(this);
  11.             var anchor  = link.attr('href');
  12.             $('html, body').stop().animate({
  13.                 scrollTop: jQuery(anchor).offset().top
  14.             }, 2000);
  15.             return false;
  16.         });
  17.     });


Código HTML:
Ver original
  1. <div id="contenedor_opcs" style="display:none; padding-right:30px;">
  2.  
  3. bla... bla... bla...
  4.  
  5.         <div style="margin-left:411px;"><a href="#contenedor_opcs" class="ancla"><img src="http://www.forosdelweb.com/imgs/btn_subir.png" width="45" height="45" alt="botón subir arriba" /></a></div>
  6.  
  7. </div>
  8.  
  9.  
  10. help!!!

Última edición por mensajeescrito; 29/05/2014 a las 04:22

Etiquetas: efecto, scrollbar
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 12:44.