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);
}