Botões flutuando na página que servem como âncoras

[salgadinhoDoce]

Estou colocando botões flutuantes no meu formulário para servirem como âncoras (a página é extensa), porém não manjo muito de javascript e só consigo colocar esses botões para irem para o topo. O objetivo era quando deslizar o scroll do mouse com Unidade 1, Unidade 2 e Unidade 3, respectivamente. E ao clicar neles, irem pras suas respectivas sessões.

Vejam o JS:

$(document).ready(function(){

    window.onscroll = function() {scrollFunction()};

        function scrollFunction() {
            if (document.body.scrollTop > 1 || document.documentElement.scrollTop > 1) {
                document.getElementById("navegacao1").style.display = "block";
                document.getElementById("navegacao2").style.display = "block";
                document.getElementById("navegacao3").style.display = "block";
            } else {
                document.getElementById("navegacao1").style.display = "none";
                 document.getElementById("navegacao2").style.display = "none";
                document.getElementById("navegacao3").style.display = "none";
            }
        }

$(function(){
        $("#navegacao1,#navegacao2,#navegacao3").click(function(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        });
       
    });

});

O id das tags no html para cada sessão que os botões devem redirecionar são: unidade1, unidade2 e unidade3.

Link do github: https://goo.gl/hvkpZa