Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Seguinte, estou utilizando uma página com ancora em "abas", porém quando clico no link dentro da ABA ele abre certinho mais puxa para o TOP da página o id correspondente, e assim prejudica o MENU que está fixo na parte de cima (pois corre a página)
Gostaria de saber se têm como ao clicar no âncora do link, ele direcionar para uma posição definida. Pois o que acontece é ele levar o div #id até o topo do navegador.
Examine o código fonte da página e você vai entender como funciona a navegação in-page
Abra a página no navegador e tecle Ctrl + U (no Windows) para abrir o código fonte.
Observe as linhas 289 até 293 (O menu de abas)
e linhas: 297, 309, 326, 343 e 354 (os destinos in-page) de cada link do menu.
Os links do menu apontam para os IDs de cada seção.
>
Agora, Maujor disse:
Examine o código fonte da página e você vai entender como funciona a navegação in-page
Abra a página no navegador e tecle Ctrl + U (no Windows) para abrir o código fonte.
Observe as linhas 289 até 293 (O menu de abas)
e linhas: 297, 309, 326, 343 e 354 (os destinos in-page) de cada link do menu.
Os links do menu apontam para os IDs de cada seção.
Sim,
Eu identifiquei isso, só não sei como ele utiliza ancora, sem ele aparecer na URL lá em cima, e muito menos arrastar o navegador ao encontro do ID...
como se ele anula-se a função do ancora de direcionar... apenas abrindo.
Encontrei essa função no CSS, mas ainda não consegui aproveita-la (não sei se resolverá)
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */Consegui,
Para ajudar os próximo, coloque isso no BODY e altere as classes para as suas...
<script type="text/javascript">
$(document).ready(function() {
$(".service-info").hide();
$("ul.services-aba li:first").addClass("services-aba-active").show();
$(".service-info:first").show('slow');
$("ul.services-aba li").click(function() {
$("ul.services-aba li").removeClass("services-aba-active");
$(this).addClass("services-aba-active");
$(".service-info").hide();
var activeaba = $(this).find("a").attr("href");
$(activeaba).fadeIn('slow');
return false;
});
});
</script>
Esse exemplo das abas é a melhor forma de explicar...
http://www.sonddenge.com.br/index.html#servicos
A ideia é a mesma
É como se clica-se na Ancora e nem mexia a página.... tira essa função do ancora de levar o ID até o top do navegador