Smooth Scroll Joomla
Aqui vai mais uma dica pra Joomla, é uma dica bem simples porém dá uma enfeitada no site. Esse efeito chama-se Smooth Scroll, ele suaviza um scroll para não dar um salta e sim deslizar na página.
Recentemente eu implementei isso aqui no blog, se você quiser colocar isso nas suas páginas siga as instruções.
- Tenha certeza que seu Joomla está carregando o javascript do Mootools.
Como você sabe? olhe o código fonte do seu site e veja se tem a chamada para o arquivo:<script type="text/javascript" src="/media/system/js/mootools.js"></script> - Coloque este código no index.php do seu template entre as tags <head>:
<script type="text/javascript">
window.addEvent('domready',function(){ new SmoothScroll({ duration:1700 }, window); });
</script> - Agora quando você criar âncoras no seu site ele vai suavizar automáticamente.
- Não esqueça de criar suas âncoras desse tipo:
<a name="topo" id="topo"></a>
<a href="#topo" class="anchor">Algum texto</a>
* Onde tem 1700 é a velocidade, fique a vontade para alterar esse valor.
Se quiserem ver um exemplo na prática esse link pode ajudar.
