Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Tilt na tela

Olá, gostaria de saber se tem um modo em que é possível navegar pelo carrossel usando href sem dar um "tilt" no navegador em que ele coloca no topo dá pagina o link do conteúdo referenciado. Estou me referindo a esta parte do código:

<a href="#new0" data-sliderItem="0" class="listaDeArtigos-slider-item listaDeArtigos-slider-item--ativo">Notícia 1 <span class="escondeVisualmente">(Slide atual)</span></a>
1 resposta
solução!

Fala ai Pedro, tudo bem? Isso é possível sim, porém, você vai precisar implementá-lo.

O "tilt" que você diz é o comportamento padrão dos navegadores quando clicamos em um link que tenha o href definido com #, ou seja, a ideia é que estamos querendo navegar até algum elemento que tenha o id especificado no href.

Para evitar isso, existe um velho truque que é adicionar um javascript:void(0) no href, ficando:

<a href="javascript:void(0)" data-sliderItem="0" class="listaDeArtigos-slider-item listaDeArtigos-slider-item--ativo">Notícia 1 <span class="escondeVisualmente">(Slide atual)</span></a>

Tente realizar essa modificação e veja se tudo ainda funciona, caso der algum problema, será necessário realizar alguns ajustes.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software