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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Verificação de IP de usuários
Hoje à(s) 21:53 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 21:40 por YouTube3

» Postagem com capa
Hoje à(s) 20:10 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 19:56 por Kyo Panda

» Neve a cair sobre o fórum
Hoje à(s) 19:54 por Kyo Panda

» Rádio no rodapé
Hoje à(s) 19:50 por Kyo Panda

» Widgets escondidos no fórum
Hoje à(s) 19:47 por Kyo Panda

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
60 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 56 Visitantes :: 1 Motor de busca

Claudio Arthur, Daemon, Eden, Lincoln

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 10: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 - 16: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": https://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: https://i19.servimg.com/u/f19/17/71/75/73/210.png


Última edição por D'Leandro™ em Ter 24 Mar 2015 - 17:03, editado 1 vez(es)

D'Leandro™
Usuário avançado

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

http://staffergroupbr.stuning.net/portal

Resolvido Re: Marcar local na página com link

Mensagem por Gaaratsu em Ter 24 Mar 2015 - 13: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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5540
Pontos Ativos : 9253

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

Resolvido Re: Marcar local na página com link

Mensagem por DeeW. em Ter 24 Mar 2015 - 22: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.

DeeW.
Nível 10

Masculino
Inscrito dia : 26/05/2014
Mensagens : 270
Pontos Ativos : 1317

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 - 15: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


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15181
Pontos Ativos : 22421

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5