Página travando com jQuery

[Thiago Mendes_26388 0]

Bom dia

Estou com um problema em meu site, www.omegacomunicacao.com, tentei desenvolver uma forma para que as paginas internas sejam lidas sem carregar o navegador, e juntamente com isso fiz a tela rolar automaticamente para a div que desejo, porem ao abrir esses links varias vezes a tela do navegador trava, não deixando subir nem descer, alguqm sabe me apontar o erro

codigo do jquery

<script type="text/javascript">
$(document).ready(function(){
  var content = $('#content');
  //pre carregando o gif
  loading = new Image(); loading.src = 'img/loading.gif';
  $("td#menu a").click(function(e){
    e.preventDefault();
    content.html( '<img src="img/loading.gif" />' );
    pagina = $(this).attr('href');
    $("#content").load(pagina).fadeIn();
    }) 
        event.preventDefault();
            $('html, body').animate({
              scrollTop: $(main).offset().top
            }, 1000);
})
</script>

[William Bruno 1501]

pode ser memory leak. Aperte Ctrl+Shift+J e verifique.

[Thiago Mendes_26388 0]

Esse defeito se dá quando eu utilizo a função q tem o scroltop, não sei se eh pelo fato de utilizar 2 funções juntas..

[William Bruno 1501]

aqui:

scrollTop: $(main).offset().top

vc não tem nenhuma variavel chamada main. Informe corretamente esse elemento.

[Thiago Mendes_26388 0]

mais eh a referencia a minha div

 

tenho no meio da pagina

<div id="main">

 

para que a rolagem vá até essa parte do site

[William Bruno 1501]

então se é referência a sua div, vc deveria ter feito assim:

scrollTop: $('#main').offset().top

entendeu a diferença ?