Ancora Scroll
Boa noite!
Td bem com vcs?
Eu tenho um menu q estou utilizando um Scroll Suave, funciona perfeitamente, mas estou precisando que qnd eu clico no link ele fique selecionado (active)
veja meu código abaixo:
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.js"></script>
<li><a class="active" href="#topo" class="scrollSuave">Pagina Inicial</a></li>
<li><a href="#sobre" class="scrollSuave">Sobre nós</a></li>
<li><a href="#servico" class="scrollSuave">Nossos Serviços</a></li>
<li><a href="#portfolio" class="scrollSuave">Portfolio</a></li>
<li><a href="#coment" class="scrollSuave">Deixe um recado </a></li>
<li><a href="#client" class="scrollSuave">Clientes</a></li>
<div id="topo">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="sobre">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="servico">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="portfolio">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="coment">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="client">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<script type="text/javascript">
//<![CDATA[
// Exemplo apontando para a class criada para lidar com este efeito
var $doc = $('html, body');
$('.scrollSuave').click(function() {
$doc.animate({
scrollTop: $( $.attr(this, 'href') ).offset().top}, 2000);
return false;
});
//]]>
</script>Discussão (2)
Carregando comentários...