Scrolling de Página com Mootools * ScrollSpy
MooTools ScrollSpy é um plugin MooTools simples mas único que escuta o scrolling da página e dispara eventos baseados onde o utilizador faz o scroll. Agora você pode disparar funcionalidades específicas com apenas simples parâmetros. David Walsh mostra-nos 4 exemplos para utilizar o ScrollSpy.
Exemplo 1: “Top the Top”
Quando desliza para baixo um número definido de pixeis, você obtem um link “Scroll to Top” no canto direito do ecrã. Quando está de volta ao topo, ScrollSpy é programado para ocultar o link.
Exemplo 2: “The Show”
Quando você clica no link, a janela desliza para a direita. Durante o processo de scrolling, ScrollSpy mostra e oculta blocos de conteúdo baseado onde o processo de scrolling da janela está.
Exemplo 3: “Team Colors”
Este modelo mostra uma imagem de fundo com cor diferente dependendo onde você está na página.
Exemplo 4: “Position Pointer”
Este mostra imagens em posições diferentes na página baseado no sítio onde o utilizador realiza o scroll.
Requisitos: Framework MooTools
Demonstração 1: http://davidwalsh.name/dw-content/scroll-spy.php?
Demonstração 2: http://davidwalsh.name/dw-content/scroll-spy.php?page=1
Demonstração 3: http://davidwalsh.name/dw-content/scroll-spy.php?page=2
Demonstração 4: http://davidwalsh.name/dw-content/scroll-spy.php?page=3
Licença: Gratuito
Aprenda como pode adicionar grandes efeitos com o Element Method: morph e faça toda a lista uma região clicável com Mootols 1.2. O QUE IRÁ PRECISAR: Antes de começar, você deve ficar um pouco familiar com o Element Method: morph. Os eventos configuráveis mouseenter e mouseleave, os quais o tutorial se baseia. Depois, irá precisar [...]
Se estiver à procurar de templates de websites para os seus designs, a Overture21 disponibiliza 3 modelos que combinam HTML, CSS, efeitos Javascript e Mootools que são exemplos soberbos de tipografia para web. Descubra por si mesmo… Três templates estão disponíveis: 960 pixeis largura fixa 12-colunas largura fluida 16-colunas largura fluida Estes templates foram construídos [...]
Phatfusion mostra-nos uma outra forma de construir o nosso menu, pela criação de um menu de imagens que recorre à plataforma Mootools. Este possui uma aparência muito boa e fácil de utilizar. É muito semelhante ao design do menu utilizado no website oficial da Mootools. A aplicação resume-se a um menu horizontal que ao passar [...]
noobSlide é um slideshow para galeria de imagens baseada na plataforma Mootools. Pode-se escolher 7 estilos diferentes de slide shows para as nossas galerias. Achei que você poderia gostar de ter uma galeria assim. Pois considero ser, uma nova forma de apelar a atenção do utilizador através dos movimentos deslizantes que as imagens realizam. De facto, [...]
Respostas a “Scrolling de Página com Mootools * ScrollSpy”
O que tens a dizer?
Registar o seu Gravatar.
Como faço pra executar o DOWNLOAD desse 1º Item ?
Ajudem – Me