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