Entrar Ainda não tem acesso?
5
respostas

Função do scrollPlacar, Só funciona depois de inserir uns 3 registros e só funciona no Chrome. Testei no opera, firefox

Referente ao curso jQuery: avance na biblioteca mais popular do mercado parte 2, no capítulo Animações com jQuery e atividade Animando o scroll

por Bruno Moura
| 63.6k xp | 10 posts
function inserePlacar() {
    var corpoTabela = $(".placar").find("tbody");
    var usuario         = "Bruno Moura";
    var numPalavras = $("#contador-palavras").text();

    var linha = novaLinha(usuario, numPalavras);
    linha.find(".botao-remover").click(removerLinha);

    /* Evendo prepend adiciona a linha no inicio da tabela,
    já o append sempre adiciona no final */
    corpoTabela.prepend(linha);
    $(".placar").slideDown(500);
    scrollPlacar()
}

function scrollPlacar() {
  var posicaoPlacar = $(".placar").offset().top;
    $("body").animate(
    {
        scrollTop: posicaoPlacar + "px"
    }, 1000);
}
5 respostas
por Alberto Souza
| 2676.6k xp | 5740 posts
Instrutor Desenvolvedor e Instrutor

Oi Bruno, nos outros navegadores, qual o erro que acontece? Consegue ver no console do navegador?

por Bruno Moura
| 63.6k xp | 10 posts

Não acontece nenhum erro, só inseria na tabela mas não rolava o scroll para baixo, mas no Chrome deu certo

por Eduardo Figueiredo dos Santos
| 219.5k xp | 158 posts
Desenvolvedor Front-End

Coloca assim:

function scrollPlacar() {
  var posicaoPlacar = $(".placar").offset().top;
    $("html, body").animate(
    {
        scrollTop: posicaoPlacar + "px"
    }, 1000);
}
por Victor Ribeiro
| 62.8k xp | 1 posts

Fiz desse modo mas sem o body e funcionou. Mas por que isso acontece?? E só funciona desse jeito e não igual o da aula por qual motivo?? Alguém poderia me ajudar explicando?? Obrigado. 

function scrollPlacar() {
  var posicaoPlacar = $(".placar").offset().top;
    $("html").animate(
    {
        scrollTop: posicaoPlacar + "px"
    }, 1000);
}
por Eduardo Figueiredo dos Santos
| 219.5k xp | 158 posts
Desenvolvedor Front-End

Victor, dependendo do navegador, o efeito de scroll vai funcionar se você colocar no body, outros só funciona se você colocar no html. Por isso é melhor generalizar e colocar "html, body" pra funcionar em todos os navegadores.

Isso tem a ver com a forma que o navegador interpreta e executa a função.