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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Pequenos erros nos tópicos
Hoje à(s) 16:37 por Luiz~

» Formulário de postagem
Hoje à(s) 16:32 por Luiz~

» viewtopic_body personalizado
Hoje à(s) 14:29 por Luiz~

» Resolução igual para todos os monitores
Hoje à(s) 14:04 por Luiz~

» Queria botar meu forum assim
Hoje à(s) 11:22 por Luiz~

» Codigo destas imagens de modo menu
Hoje à(s) 11:17 por Luiz~

» Caracteres mínimos para responder um tópico
Hoje à(s) 11:17 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
187 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 180 Visitantes :: 2 Motores de busca

APOllO, Br_SP_Rodrigo, juleic1123, Luiz~, Railison Ramon, Shek Crowley, Yakult

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

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 Seg 23 Mar 2015 - 17:35

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 Ter 24 Mar 2015 - 18:03, editado 1 vez(es)
avatar

D'Leandro™
Usuário avançado

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

http://staffergroupbr.stuning.net/portal

Resolvido Re: Marcar local na página com link

Mensagem por Gaaratsu em Ter 24 Mar 2015 - 14:18

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 : 5541
Pontos Ativos : 6936

http://narutongo.forumeiros.com/
  • 0

Resolvido Re: Marcar local na página com link

Mensagem por DeeW. em Ter 24 Mar 2015 - 23:37

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

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Marcar local na página com link

Mensagem por Shek Crowley em Qua 25 Mar 2015 - 16:42

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


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15985
Pontos Ativos : 20638

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