Foros del Web » Programando para Internet » Jquery »

Scroll horizontal DIV

Estas en el tema de Scroll horizontal DIV en el foro de Jquery en Foros del Web. Hola! Tengo este script que mueve de forma horizontal un DIV y lo llamo con la función OnMouseOver en unas imagenes que son flechas. Lo ...
  #1 (permalink)  
Antiguo 21/03/2014, 09:16
ivo
 
Fecha de Ingreso: noviembre-2002
Mensajes: 50
Antigüedad: 21 años, 5 meses
Puntos: 1
Pregunta Scroll horizontal DIV

Hola!
Tengo este script que mueve de forma horizontal un DIV y lo llamo con la función OnMouseOver en unas imagenes que son flechas.
Lo que necesito es que el scroll sea contínuo y lo que sucede es que solo se mueve un poco cuando pongo el mouse sobre las flechas.
¿Alguna sugerencia?
Muchas gracias!


<script>
function scrollThumb(direction) {
if (direction=='Go_L') {
$('#contenedornota').animate({
scrollLeft: "-=" + 100 + "px"
}, function(){
});
}else
if (direction=='Go_R') {
$('#contenedornota').animate({
scrollLeft: "+=" + 100 + "px"
}, function(){
});
}
}
</script>
__________________
Ivo
  #2 (permalink)  
Antiguo 23/03/2014, 15:33
Avatar de codeams  
Fecha de Ingreso: diciembre-2012
Ubicación: México
Mensajes: 103
Antigüedad: 11 años, 5 meses
Puntos: 16
Respuesta: Scroll horizontal DIV

Hola creo que lo que sucede es que la animación se ejecuta una única vez.

utilizalo con onmouseenter o algo asi y utiliza algo como esto:

Código Javascript:
Ver original
  1. function scrollThumb(direction) {
  2. if (direction=='Go_L') {
  3.  
  4. left = setInterval(function(){
  5. $('#contenedornota').animate({
  6. scrollLeft: "-=" + 100 + "px"
  7. }, function(){})},1000);
  8.  
  9. }else
  10. if (direction=='Go_R') {
  11.  
  12. right = setInterval(function(){
  13. $('#contenedornota').animate({
  14. scrollLeft: "+=" + 100 + "px"
  15. }, function(){})},1000);
  16.  
  17. }
  18. }

Asi la animación se ejecuta cada segundo. Para detener la animación utiliza clearInterval(left) o clearInterval(right) cuando el cursor salga con el evento onmouseleave().

Espero te sea de ayuda.
__________________
¿Quién es codeams? codeams.ml
¿Qué hace en su tiempo libre? codepen.io/codeams

Etiquetas: horizontal, javascript, scroll
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 17:10.