Efeito deslizar site ...

  • hlencois
  • Avatar de hlencois Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
11 anos 11 meses atrás #70718 por hlencois
hlencois created the topic: Efeito deslizar site ...
Bom Dia a todos meus amigos gostaria de saber se no joomla tem como fazer este efeito quando se clica no meu superior, seria igual deste site...

http://www.webcompany.com.br/

Quando se clica no menu em cima ele desliza o site, tem algum modulo plugin que faça isso... mesmo PAGO !!!!

Valeu galera pela ajuda desde já abraço fiquem com Deus. !!!!

Please Entrar ou Registrar to join the conversation.


Mais
11 anos 11 meses atrás #70721 por Uriel
Uriel replied the topic: Re: Efeito deslizar site ...
Se não estou errado >> via CSS dá!!

E acho que via administração de menu também dá!!

mas nunca fiz isso!!

abraço

Please Entrar ou Registrar to join the conversation.

  • hlencois
  • Avatar de hlencois Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
11 anos 11 meses atrás #70726 por hlencois
hlencois replied the topic: Re: Efeito deslizar site ...
Uriel vc tem algum nome de referencia pra eu pesquisar ?? qual a função de css ? qual o nome do campo no menu ou algo parecido ???

Please Entrar ou Registrar to join the conversation.

Mais
11 anos 11 meses atrás #70728 por Uriel
Uriel replied the topic: Re: Efeito deslizar site ...
não sei, mas tente efeito de slide via CSS

efeito de slide descer e subir página via CSS

acho que é isso

abraço

Please Entrar ou Registrar to join the conversation.

Mais
11 anos 11 meses atrás #70777 por jjaderson
jjaderson replied the topic: Re: Efeito deslizar site ...

hlencois escreveu: Bom Dia a todos meus amigos gostaria de saber se no joomla tem como fazer este efeito quando se clica no meu superior, seria igual deste site...

http://www.webcompany.com.br/

Quando se clica no menu em cima ele desliza o site, tem algum modulo plugin que faça isso... mesmo PAGO !!!!

Valeu galera pela ajuda desde já abraço fiquem com Deus. !!!!



Da pra fazer utilizando Jquery.

Coloca o código abaixo no index.php do template:

<script
src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/jquery-1.6.1.min.js"
type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function() {

$('.opcao1').click(function() {
scroll_to("#secao");
});

function scroll_to(div){
$('html, body').animate({
scrollTop: $(div).offset().top
},500);
}
});
</script>

troque o nome de .opcao1 pela nome da classe do elemente que será clicado
e troque #secao pelo nome do id do elemento até onde vai deslizar.

pra funcionar só precisa baixar o arquivo jquery e colocar no mesmo diretório do index.php do template. No meu caso utilizei o arquivo jquery-1.6.1.min.js

Altere o 500 para aumentar ou diminuir o tempo.

Espero que ajude.

Please Entrar ou Registrar to join the conversation.