html5 ancoras não funcionam
Pessoal
Preciso de ajuda
Estou tomando uma surra
A apresentação de slides possui link para paginas referente ao conteúdo do slide.
Preciso colocar uma ancora de retorno para que os visitantes da pagina do assunto ligado ao slide retorne ao slide que fez o link da pagina para prosseguir a exibição dos outros slides.
Código
<aside id="fh5co-hero" clsas="js-fullheight">
<div class="flexslider js-fullheight">
<ul class="slides">
<li id="conv" style="background-image: url(images/slide_1.jpg);">
<div class="container">
<div class="col-md-12 text-center js-fullheight fh5co-property-brief slider-text">
<div class="fh5co-property-brief-inner">
<div class="fh5co-box">
<h3><a href="#">Convenção Empresarial</a></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dicta magni amet atque doloremque velit unde adipisci omnis hic quaerat.</p>
<p><a href="portfolio/convencao-empresarial.html" class="btn btn-primary">Leia mais...</a></p>
</div>
</div>
</div>
</div>
</li>
Os slides estão dentro de <ul><li>
Já tentei com as ancoras HTML chamando elas com # hastag exemplo:
<a href=”índex.html#slide05”><voltar</a>
Usei para identificar o slide de retorno com Id div tag details section name
Nenhuma delas funcionou
Tentei com JS abaixo e também não funcionou
<a id="top"></a>
...
<a href="#top" class="anchorLink">Back to Top</a>
$(document).ready(function(){
$(".anchorLink").click(function(e){
e.preventDefault();
var id = $(this).attr("href");
var offset = $(id).offset();
$("html, body").animate({
scrollTop: offset.top
}, 100);
Agradeço a ajuda
Douglas
Discussão (8)
Carregando comentários...