Função scrollPlacar não funciona nem no firefox e nem no chrome

Minha página parou de funcionar completamente depois de inserir a função "scrollPlacar" no código. Testei em mais de um navegador e também tentei usar as ideias de outras respostas aqui do fórum e nada.

Alguém pode me ajudar um erro que passou despercebido ou tem alguma sugestão?

Obg desde já =D

$("#botao_placar").click(mostrarPlacar);

function inserirPlacar() {
    var corpoTabela = $(".placar").find("tbody");
    var usuario = "Kássio";
    var numeroPalavras = $("#contador_palavras").text();

    var linha = criarLinha(usuario, numeroPalavras);
    linha.find(".botao_remover").click(removerLinha);

    corpoTabela.prepend(linha);

    $(".placar").slideDown(500);
    scrollPlacar();
}

function criarLinha(usuario, numPalavras) {
    var linha = $("<tr>");

    var colunaUsuario = $("<td>").text(usuario);
    var colunaPalavras = $("<td>").text(numPalavras);
    var colunaRemover = $("<td>");

    var link = $("<a>").addClass("botao_remover").attr("href", "#");
    var icone = $("<i>").addClass("tiny").addClass("material-icons").text("delete");

    link.append(icone); //Adiciona o <i> dentro do <a>
    colunaRemover.append(link); //Adiciona o <a> dentro do <td>
    linha.append(colunaUsuario); //Adiciona os <td> dentro do <tr>
    linha.append(colunaPalavras);
    linha.append(colunaRemover);

    return linha;
}

function removerLinha() {
    event.preventDefault();

    var linha = $(this).parent().parent();
    linha.fadeOut(1000);
    setTimeout(function() {
        linha.remove();
    }, 1000);

}

function mostrarPlacar() {
    $(".placar").stop().slideToggle(1000);
} 

function scrollPlacar() {
    var posicaoPlacar = $(".placar").offset();

        $("body, html").animate({
            scrollTop: posicaoPlacar+"px";
        }, 1000);

}