Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia Pessoal. Estou com o seguinte problema: tenho um site de uma página apenas com uma navbar:
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#recursos" class="page-scroll">Recursos</a></li>
<li><a href="#depoimentos" class="page-scroll">Depoimentos</a></li>
<li><a href="#contato" class="page-scroll">Contato</a></li>
</ul>
</div>
Quando clica no menu a URL do site é alterada para www.meusite.com.br#recursos. Gostaria de saber como faço para manter a URL original quando clico em qualquer link do menu?Isso mesmo, quando clica no menu, rola até o conteúdo desejado, mas sem modificar a URL.
>
4 horas atrás, Tadeu Barbosa disse:
Não entendi. Você quer manter a URL, mas ir para certo conteúdo? Você está se referindo àqueles sites que quando se clica em um link ele "rola" a página até o conteúdo? É isto?!
Isso mesmo, quando clica no menu, rola até o conteúdo desejado, mas sem modificar a URL.
Isso você pode fazer com javascript e se souber usar Jquery é mais rápido.
Você pode utilizar o onclick no lugar do href e quando você clicar no link, fazer um determinado conteúdo aparecer e outro desaparecer e pode até regular a velocidade que isso acontece sem que a url mude.
>
3 minutos atrás, luiz14 disse:
Você pode utilizar o onclick no lugar do href e quando você clicar no link, fazer um determinado conteúdo aparecer e outro desaparecer e pode até regular a velocidade que isso acontece sem que a url mude.
Conhece algo pronto?
Não tenho certeza, mas no site do Bootstrap pode ser que tenha algo do tipo. Vou fazer um código aqui em cima desse seu código, sem Jquery, para te mostrar se isso já resolve seu problema.
Esse código aqui tá bem simples, mas você vai perceber que quando você clicar no link a página não vai carregar nem mudar a url e vai aparecer um conteúdo de acordo com o link que eu cliquei e com o que eu coloquei:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title></title>
<script>
function recursos(){
var contato = document.getElementById("contato");
contato.style.display = "none";
var depoimento = document.getElementById("depoimento");
depoimento.style.display = "none";
var recursos = document.getElementById("recursos");
recursos.style.display = "block";
}
function depoimento(){
var contato = document.getElementById("contato");
contato.style.display = "none";
var recursos = document.getElementById("recursos");
recursos.style.display = "none";
var depoimento = document.getElementById("depoimento");
depoimento.style.display = "block";
}
function contato(){
var recursos = document.getElementById("recursos");
recursos.style.display = "none";
var depoimento = document.getElementById("depoimento");
depoimento.style.display = "none";
var contato = document.getElementById("contato");
contato.style.display = "block";
}
</script>
</head>
<body>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a onclick="recursos()" class="page-scroll">Recursos</a></li>
<li><a onclick="depoimento()" class="page-scroll">Depoimentos</a></li>
<li><a onclick="contato()" class="page-scroll">Contato</a></li>
</ul>
</div>
<br/><br/>
<div id="recursos" style="display: none;">
<p>Recurso</p>
</div>
<div id="depoimento" style="display: none;">
<p>Depoimento</p>
</div>
<div id="contato" style="display: none;">
<p>Contato</p>
</div>
</body>
</html>Para mudar para seta quando for clicar no link, é só você colocar no css: "cursos: pointer".
>
Agora, luiz14 disse:
Para mudar para seta quando for clicar no link, é só você colocar no css: "cursos: pointer".
*cursor
>
39 minutos atrás, luiz14 disse:
Para mudar para seta quando for clicar no link, é só você colocar no css: "cursos: pointer".
*cursor
Obrigado pela força Luiz. Vou tentar fazer aqui...
>
7 minutos atrás, vazzoler disse:
Obrigado pela força Luiz. Vou tentar fazer aqui...
Blz! ; )
Não entendi. Você quer manter a URL, mas ir para certo conteúdo? Você está se referindo àqueles sites que quando se clica em um link ele "rola" a página até o conteúdo? É isto?!