Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, tenho o seguinte código abaixo, sempre que eu clico no link, ele carrega na div #content, porém se eu estiver no rodapé da página por exemplo, ele carrega, mas não volta ao topo, como faço uma implementação no código, para que toda vez que for carregado ele voltar ao topo da página ou pelo menos ir direto ao #content
<script type="text/javascript">
$(document).ready(function(){
var content = $('#content');
loading = new Image(); loading.src = 'bike.gif';
$('#menu a').live('click', function( e ){
e.preventDefault();
content.html( '<img src="bike.gif" />' );
var href = $( this ).attr('href');
$.ajax({
url: href,
success: function( response ){
var response = $( '<div>'+response+'</div>' );
var data = response.find('#content').html();
window.setTimeout( function(){
content.fadeOut('slow', function(){
content.html(data).fadeIn();
var title = response.find('title').text();
window.history.pushState( href, title, href );
document.title = title;
});
}, 500 );
}
});
});
});
</script>
<ul id="menu" class="menu_left">
<li><a class="m1" href="inicio">Início</a></li>
<li class="active"><a class="m2" href="galeria">Galeria</a></li>
<li><a class="m3" href="litoral">No litoral</a></li>
</ul>Carregando comentários...