- Postagens: 16
- Obrigados Recebidos: 0
Efeito deslizar site ...
- hlencois
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
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. !!!!
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.
- Uriel
- Offline
- JCB! Legend
- hlencois
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 16
- Obrigados Recebidos: 0
- Uriel
- Offline
- JCB! Legend
- jjaderson
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 10
- Obrigados Recebidos: 0
11 anos 11 meses atrás #70777
por jjaderson
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.
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.