0

Tenho um projeto de um template, no footer dele tem um botão que leva para o topo do site, ao apertar ele leva para o topo do site mas deixa o id "#top" no link do site (mysite/index.html#top), tem como fazer com que isso não aconteça ?

No body tem um id chamado top:

<body id="top">

No footer tem um link onde leva para o topo:

<a href="#top"> Voltar para o topo </a>
1
  • Você poderia editar sua pergunta colocando trecho do código para que a gente possa analisar? 25/01/2018 às 13:20

1 Resposta 1

1

Com CSS creio que não é possível sem a marcação da url, mas como marcou a tag javascript, é possível fazer isso com poucas linhas da linguagem...

function topFunction(){
    document.documentElement.scrollTop = 0;}
.scroll {
  background-color:black;color:white;padding:30px;
}
.example {
  background-color:lightgrey;padding:30px 30px 300px
}
.top {
  margin-top: 500px
}
<div class="scroll">Scroll Down</div>
<div class="example"> 

<button onclick="topFunction()" class="top">Top</button>

</div>

2
  • Testei aqui, muito brigado! Aproveitando, pode me indicar algum matérial de javascript para mim ?
    – Gabriel
    25/01/2018 às 14:15
  • Claro, pode começar com pt.slideshare.net/rodrigobranas/java-script-overview, a didática é incrível e tem a série no YouTube também, mas é bom ficar atento a ES6 que está vindo com tudo quando o quesito é front-end, aprendi bastante sobre ES6, webpack, babel, etc... na School of net, então posso recomendar, é pago mas vale a pena :) 25/01/2018 às 15:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .