Posicionar no início da div

[ma_gr 2]

Alguém saberia como fazer o efeito que o facebook implementou, ou como se faz, pra posicionar exatamente no início da div após abrir um conteúdo externo dentro dessa div?!

Tipo no facebook onde vc comenta e ele posiciona seu nome e seu comentário exatamente no topo da

página pra vc não se perder.

 

Obrigado.

[William Bruno 1501]

basta rolar o scrollTop do browser até esse elemento

[ma_gr 2]

não tá funcionando...minha div só aparece depois que clico em algum item da lista do menu, carregando assim o conteúdo externo.

<script> 
    $("div.show_content").scrollTop(0);
</script>

 

#show_content é a div que mostra o conteúdo.

[Bru_ce 53]

Falta o function

 

 

<script>
$(function(){
$("div.show_content").scrollTop(0);
});
</script>

[ma_gr 2]

sim e mais algumas outras coisas...

no href tive que direcionar pra div (href="id da div") e acrescentar mais coisas no JS

 

$(document).ready(function() {
    $('a[href^="#"]').click(function(){
	var target = $(this.hash);
	if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
	if (target.length == 0) target = $('html');
	$('html, body').animate({ scrollTop: target.offset().top}, 500);
	})
});

 

Obrigado pelas dicas..

[ma_gr 2]

só mais uma coisa...toda vez que clico no menu já posicionado, ele sai da posição e volta nela. Tive que tirar o javascript

do a href="javascript:;" por isso ele não mantem a página estável. Tentei implementar um ajax após essa função mas não deu certo.
Alguém sabe pq?

[Bru_ce 53]

Define position:absolute para ele.

[ma_gr 2]

não deu certo Bru_ce...acredito que tenha que ser no JS.

[Bru_ce 53]

Entendi, então amigão você vai ter que ir tentando.

[Ted k' 126]

Eu não entendi o erro que está gerando, será que pode colocar em um servidor online e mandar o link para ver o que está acontecendo?

[ma_gr 2]

assim, não tenho como por agora mas o que acontece é que, a página abre normal como qualquer outra; quando clico no menu

que está posicionado à 20% do topo, a página se posiciona exatamente no menu, fazendo um scroll pra baixo e parando com o menu "no topo";

 

como se trata de um menu, tem várias opçoes pra vc clicar e navegar pelo site, carregando o conteúdo da navegação numa div logo abaixo do menu que fica "estático" no primeiro momento.

 

até aí tudo bem, o que me incomoda é que daí pra frente quando eu clico no menu pra fazer essa navegaçao que comentei, e carregar os conteúdos nessa div, o menu e a página "se movem", dando a impressão de que o menu desce e sobe novamente pra posiçao de "topo", dando literalmente uma kick como faz uma bola haha..

[Bru_ce 53]

Sem ver fica difícil saber o que esta ocorrendo amigo.

[ma_gr 2]

mudei as funçoes e os eventos e acabou que deu certo. Obrigado.