Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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
Posta o JS para analisarmos.
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
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
Como esta o seu html?