Rolar Barra de DIV

[Ronaldo Bueno 23]

Pessoal, preciso de uma ajuda.

 

Explicando:

 

Tenho uma div e coloquei limite nela, assim ela exibe uma barra de rolagem (questões de layout)

 

Acontece que quando clico em um botão, abre essa div ao lado do botão com o conteúdo e queria que ela fosse direto para o final.

 

ja tentei

 

$('html,body').animate({scrollTop: $('elemento').offset().top},'slow');

 

$('elemento').animate({scrollTop: $('elemento').prop('scrollHeight')}, 500);

 

$('html,body').animate({scrollTop:$('elemento'.hash).offset().top}, 800);

 

Nesse ultimo troquei até para o conflito em jquery

$l("elemento").animate({scrollTop: $l('elemento').prop('scrollHeight')}, 500);

 

Mas nada adiantou. alguém tem alguma dica ?

 

Obrigado

[angelorubin 142]

Como esta o seu html?

[Ronaldo Bueno 23]

Então essa div não é gerada dinamicamente:

 

quando entro na pagina tem uma div maior, quando clico no botão, diminui a div maior e encaixa a outra, essa outra que tem a barra de rolagem.

 

na percorri varias vezes para ver se tem erro e não achei

[angelorubin 142]

Posta o JS para analisarmos.

[Ronaldo Bueno 23]

Botao que abre a div

<li><a onClick="AbrirTutorial();" style="cursor:pointer;"><span> Tutorial</span></a></li>

Funcao AbrirTutorial

		function AbrirTutorial(){
			$l("#content").switchClass( "com-10-col", "com-6-col", 1000, "easeInOutQuad" );
			setTimeout("$l('#contentTuto').fadeIn()", 1000);
			$l('.link-tuto-dentro').hide();
		}

Explicando o codigo acima

- troca a class (para poder diminuir a DIV principal)

- Abre a Div contentTuto com fadeIn

- Esconde todas as div do tutorial deixando apenas o indice

 

Botão do Indice

<li><a class="link-tuto" name="tuto-geral">Geral</a></li>
<li><a class="link-tuto" name="tuto-cadastro">Cadastro</a></li>

Postei só dois, mais são 6, todos com a mesma class só mudo o nome para poder pegar na funcao abaixo

		var $o = jQuery.noConflict()
		$o(document).ready(function(){
		
			$o('.link-tuto').click(function () {
				$o('.link-tuto-dentro').hide(); // oculto tudo o que o usuario clicou anteriormente
				IdLink = $o(this).attr('name'); // pego a propriedade name do objeto
				$o('#'+IdLink).show(); // abro a div com o ID correspondente
			});
	
		});

E todas as divs do tutorial tem o botão subir

<button onClick="RolarTelaDois('links-tutorial');">Subir</button>

Onde a div links-tutorial é a que contem o Indice

		function RolarTelaDois(Id){
			$("#"+Id).animate({scrollTop: $('#'+Id).prop("scrollHeight")}, 500);
		}

Nessa função é onde já testei tudo o que postei na abertura do post e nada funciona