[Resolvido] Mover div escondida usando btns

[marcelo2605 10]

Uso esse código para mover uma div escondida (overflow:hidden) com o scroll do mouse:

 

$(function() {
  $("#timeline_scroll").mousewheel(function(event, delta) {
     this.scrollLeft -= (delta * 30);
     event.preventDefault();
  });
});

 

Como posso criar o mesmo efeito usando divs como botões?

 

Tentei animate marginLeft -=50px mas a div que estava escondida foi "cortada"

[marcelo2605 10]

Tentei usar o draggable do jQuery UI mas ele entra em conflito com a função acima.

 

Alguém tem mais alguma idéia?

[marcelo2605 10]

Consegui este código que faz scroll até um ponto específico:

var $content = $('#wrapper');
$('#btn').click(function(){
	var fim = $('#content p:last').position();
	var rodar = $content.scrollTop() + fim.top;
	$content.animate ({scrollTop:rodar}, 300);
});

 

Mas como posso fazer com que o botão funcione em incrementos de 50px, ao invés de usar como destino um ponto específico da div?

[marcelo2605 10]

Resolvido!

 

var $content = $('#timeline_scroll');

$('#timeline_rightArrow').click(function(){
	var rodar = $content.scrollLeft() + 500;
	$content.animate ({scrollLeft:rodar}, 300);
});