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
» Citação não aparece nome de usuário
Hoje à(s) 12:09 pm por iScroll

» Informações dos ultimos assuntos
Hoje à(s) 12:08 pm por iScroll

» Slide no index
Hoje à(s) 12:08 pm por iScroll

» Naruto Survival RPG
Hoje à(s) 11:48 am por BichodoMato

» Brilho nos anúncios
Hoje à(s) 11:48 am por Ketholy123

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 11:46 am por MatiasReis123

» Limitações numéricas na barra
Hoje à(s) 11:42 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
AlexG
 
iScroll
 
MatiasReis123
 
LeoziN_WallkeR
 
Try
 
Ketholy123
 
BichodoMato
 

Quem está conectado
263 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 252 Visitantes :: 1 Motor de busca

AlexG, BichodoMato, EDU2010, Gustavor, iPrompt, iScroll, Ketholy123, Kyo Panda, LeoziN_WallkeR, MatiasReis123, Try

[ 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 : 5542
Pontos Ativos : 6937

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 : 16856
Pontos Ativos : 21217

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

- Tópicos similares

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