Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá boa tarde,
Estou com problemas no link do Blog conforme o código abaixo:
<nav>
<ul class="menu">
<li><a class="anchorLink" href="#doma">DOMA</a></li>
<li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
<li><a class="anchorLink" href="#contato">OLAH!</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</nav>
<nav>
<ul class="menu-mobile">
<li><a href="#doma" id="-doma">DOMA</a></li>
<li><a href="#-portfolio" id="portfolio">PORTFÓLIO</a></li>
<li><a href="voluntariado.html" id="volunta">VOLUNTARIADO</a></li>
<li><a class="anchorLink" href="#contato" id="olah">OLAH!</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</nav>
O menu acima funciona para desktop e outro para Mobile.
No link onde está BLOG no mobile ele vai para a página blog.html
Agora pra Desktop não vai de jeito nenhum para a página blog.html
Gostaria da opinião do pessoal do Fórum do que pode ser.....
Então Rafa,
É uma página seria "interno" do site. O nome do arquivo é blog.html que está feito o HTML e o CSS da página.
Daí eh assim.... eh uma INDEX só, onde conforme no menu que te passei:
<nav>
<ul class="menu">
<li><a class="anchorLink" href="#doma">DOMA</a></li>
<li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
<li><a class="anchorLink" href="#contato">OLAH!</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</nav>
os três primeiros links rola na página INDEX como âncora, e somente o link do BLOG que chama a página blog.html
será q está tendo conflito no jquery (jquery.anchor.js)
:(!!
pode ser também,
em vez de colocar esse jquery somente nos links ancoras, ele deve ter sido colocado em todos
passa o trecho em que você linka o jquery e instancia ele na index
Então no jquery tem essa função:
$(document).ready(function() {
$("a.anchorLink").anchorAnimate()
});
jQuery.fn.anchorAnimate = function(settings) {
settings = jQuery.extend({
speed : 1500
}, settings);
return this.each(function(){
var caller = this
$(caller).click(function (event) {
event.preventDefault()
var locationHref = window.location.href
var elementClick = $(caller).attr("href")
var destination = $(elementClick).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
window.location.hash = elementClick
});
return false;
})
})
}
ai mando chamar no HEAD neh..
<script src="_js/_lib/jquery.anchor.js" type="text/javascript"></script>
e na index o HTML DO MENU
<nav>
<ul class="menu">
<li><a class="anchorLink" href="#doma">DOMA</a></li>
<li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
<li><a class="anchorLink" href="#contato">OLAH!</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</nav>acho q "#-portfolio" nao eh valido tenta so #portifolio
e nao tem nenhum js bloqueando a açao ???
ops funciona ...
mas voce sabe q isso ira ir para #dome e o #dome seria em html
<a href=#dome>DOME</a>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<a name="dome">DOME....Só queria avisar vcs....que consegui verificar o erro.
Era um bug no JS
Obrigada viu pela ajuda!!! Mto grata!! =D
esse blog.html seria "interno" do seu site, o nome do arquivo é blog.html mesmo ou é um blog "externo" do seu site?
Por que se for sair do seu site para outro, você tem que por http://ENDEREÇO.
Por exemplo, seu site é www.seusite.com.br, e tem um link pro google, ficaria assim:
<a href="http://www.google.com.br">Google</a>
Se não for esse o erro, pode ser algum js, css, ou algo do tipo, dai você tem que passar mais detalhes de todos os outros arquivos que estão linkado a esse