Esta questão já tem uma resposta aqui:

Estou tentando limpar a maneira como minhas âncoras funcionam. Eu tenho um cabeçalho que é fixo para o topo da página, então quando você vincula a uma âncora em outro lugar da página, a página salta para que a âncora fique no topo da página, deixando o conteúdo atrás do cabeçalho fixo (espero isso faz sentido). Eu preciso de uma maneira de compensar a âncora pelo 25px da altura do cabeçalho. Eu preferiria HTML ou CSS, mas JavaScript também seria aceitável.