Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Gaaratsu
 
Thiago
 
Koizumi Bia
 

Quem está conectado
162 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 160 Visitantes :: 3 Motores de busca

juleic1123, ranzatti

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Marcar local na página com link

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Marcar local na página com link

Mensagem por D'Leandro™ em 23/03/15, 05:35 pm

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://staffergroupbr.stuning.net/forum

Descrição do problema

Olá, não sei como esse efeito é chamado, mas tem no Wikipedia, existem vários links no topo do tópico, quando você clica em algum deles, a página rola até uma parte correspondente.

Veja na imagem que eu cliquei no link da "oitava temporada": http://i19.servimg.com/u/f19/17/71/75/73/110.png

Veja nesta outra imagem que a página rolou automaticamente até a parte correspondente: http://i19.servimg.com/u/f19/17/71/75/73/210.png


Última edição por D'Leandro™ em 24/03/15, 06:03 pm, editado 1 vez(es)
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Marcar local na página com link

Mensagem por Gaaratsu em 24/03/15, 02:18 pm

Saudações!

Crie um novo JS com investimento nos tópicos com o seguinte código:
Código:
$('html, body').animate({
scrollTop: $("#vemaqui").offset().top
}, 2000);
Caminho: CPainel >> Módulos >> HTML & JAVASCRIPT > Gestão dos códigos JavaScript >>> Adicionar Criar um novo JavaScript

E utilize este HTML num tópico:
Código:
<input type="button" onclick="$('html,body').animate({scrollTop: $('#vemaqui').offset().top}, 2000);" value="Veja Funcionando" ><br>

Faça o teste, eu fiz e resultou! Muito feliz

Tópico movido de "Outras questões" para "Questões sobre JavaScript & JQuery"

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5703
Pontos Ativos : 7136

Ver perfil do usuário http://narutongo.forumeiros.com/
  • 0

Resolvido Re: Marcar local na página com link

Mensagem por DeeW. em 24/03/15, 11:37 pm

Isso é simples de se fazer meu amigo, apenas use ID:

Link que será clicado:
Código:

<a href="#secao">ID</a>

Conteúdo a aparecer ao ser clicado:
Código:

<section id="secao">
Olá! Eu sou o conteúdo!
</section>

Piscada

OBS: Se a página for pequena, com apenas 1 link e 1 seção, o efeito não será visível.
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Marcar local na página com link

Mensagem por Shek em 25/03/15, 04:42 pm

Boa tarde.

Apesar da questão já ter sido marcada como resolvida, adote a prática do uso dos IDs padrão se for em caso de mensagens. Quer um exemplo? Veja a nossa lista de tutoriais: http://ajuda.forumeiros.com/t6745- Se clicar numa imagem específica verás que a página leva-o até a categoria específica da URL, então, podes adotar algo mais "nativo" também.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17000
Pontos Ativos : 21300

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum