Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Maykel-ctba

One Page Scroll - Página externa

Recommended Posts

Fala povo, ó eu de novo aqui.

 

Tenho um script que funciona legal para dar aquele efeitinho "one-page scroll" com Easing e tal. Muito bom, muito bacana.

 

Estrutura:

  • Link 1: Empresa (one page, vai para #empresa)
  • Link 2: Produtos (one page, vai para #produtos)
  • Link 3: Contatos (one page, vai para #contatos)
  • Link 4: Cadastro (vai para cadastro.php)

Quando estou nessa página do link 4 e quero ir para Produtos, por exemplo, ele não "vai certo". Ele chega a direcionar para a home, mas o alinhamento é torto e sem efeito. O easing é opcional nesse caso, nem precisaria. Mas ao menos gostaria que ele direcionasse para a div#produtos, mas parece q ele vai uns 300px pra cima ainda, hahaha.

 

Quando clico via menu, fica alinhado certo (vide abaixo)

 

cuLq3Lg.png

 

 

Porém quando clico da página de cadastro, ele quebra (vide img abaixo)

 

ibfyFWu.png

 

 

 

----

 

Link de teste: http://kiferro.gpaprospera.com.br/

 

 

Estou usando o Scrolld para isso:

$('[data-scrolld]').scrolld({
    easing: 'easeInOutCubic',
    speed: 2000
});

Tentei diversos scripts mas nenhum me atende como esse, a principio.

 

Uma solução seria talvez pegar o que está na URL (#produtos) e ativar o script novamente no OnLoad simulando um clique. Isso seria possível? Seria uma boa alternativa?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi man, você tentou dar uma olhada com ajax?

Talvez funcione, ai no caso você executaria o efeito de scroll quando a página fosse carregada, eu não sei se da certo mas é uma ideia.

Se eu descobrir alguma coisa eu posto aqui.

Boa sorte!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.