![Scroll the page to see effect](https://static.wixstatic.com/media/1dfce5_e9ab03b9475c4b2bb23c5dc7ba8a122f~mv2.gif)
![Scroll the page to see effect](https://static.wixstatic.com/media/1dfce5_397bc6f6c8674b5d85f27f2e7802a9fe~mv2.gif)
Subtítulo no Scroll com Fade
On-Scroll Subtitle with FadeIn & FadeOut
![Assista o Vídeo - Subtítulo no Scroll](https://static.wixstatic.com/media/1dfce5_4085c751caba4b569b5503b9af9497a1~mv2.gif)
Elements used for the composition of the On-Scroll Subtitle
Imagem do Cabeçalho em PNG (3000x75px) "Colocada como background de uma Faixa Esticada na tela inteira."
Header Image in PNG (3000x75px) "Placed as the background of a Stretched Strip on the entire screen."
Logo (Imagem em PNG e/ou Font Escrita) "Colocada no cabeçalho e com opção Mostrar em Todas as Páginas."
Logo (Image in PNG and/or Written Font) "Placed in the header and with option Show in All Pages."
Menu Principal com 5 links, a página inicial está linkada com o logo. "Colocado no cabeçalho em cima da Imagem do Cabeçalho."
Main Menu with 5 links, the Home Page is linked to the Logo."Placed in the header above the Header Image."
Imagem do Subtítulo em PNG (665x23px) "Fixada na Tela ao Topo e ao Centro com posição ajustada para a Imagem do Cabeçalho."
Subtitle Image in PNG (665x23px)"Pinned to Top and Center Screen with position adjusted until it snaps into the Header Image."
Texto do Subtítulo "Fixado na Tela ao Topo e ao Centro com posição ajustada até centralizar na Imagem do Subtítulo."
Caption Text "Pinned to Top and Center Screen with position set to center te text box in the Subtitle Image."
Âncoras "Colocada em todas as páginas próximo a área dos títulos das páginas com o mesmo valor na altura (Y)."
Anchors "Placed on all pages near the title area with te same value at height (Y)."
Simple Code applied to all Pages Tabs
export function anchorsubtitle_onviewportLeave() {
$w("#imageSubTitle").show("FadeIn");
$w("#textSubTitle").show("FadeIn");
}
export function anchorsubtitle_onviewportEnter() {
$w("#imageSubTitle").hide("FadeOut");
$w("#textSubTitle").hide("FadeOut");
}
Credits and Thanks
Direção Artística e Produção:
Marco Pecchy - Designer e Consultor de Marketing especializado na plataforma Wix e engajado no Wix Code.
Artistic Direction and Production:
Marco Pecchy - Designer and Marketing Consultant specializing in the Wix platform and engaged in the Wix Code.
Inspirações:
Gomez Nayeli Ixchel - Principal difusora e influenciadora da Plataforma Wix na atualidade.
Facebook Totally Codable - Faça parte desse grupo que ajuda centenas de pessoas com Wix Code todos os dias.
Wix & Wix Code - Crie você mesmo um site incrível fazendo uso de todos os recursos da plataforma.
Inspirations:
Gomez Nayeli Ixchel - Main diffuser and influencer of the Wix Platform at the present time.
Facebook Totally Codable - Be part of this group that helps hundreds of people with Wix Code every day.
Wix & Wix Code - Create yourself an awesome website making use of all the features of the platform.
Contatos: / Contacts:
Marco Pecchy | MP Classes - Email: marcopecchy@gmail.com WhatsApp: +55 11 94767-7727
Totally Codable | Wix Expert - Emails: nayeli@totallycodable.com / nayeli@webixdesigns.com
![Totally Codable - Explore the Possibilities](https://static.wixstatic.com/media/1dfce5_e3792232438f4889bb8d3f2c1138322f~mv2.png/v1/fill/w_135,h_101,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/1dfce5_e3792232438f4889bb8d3f2c1138322f~mv2.png)
![MP Classes - You Become When You Learn](https://static.wixstatic.com/media/1dfce5_e880faf2ebbb402d90440fa43f33779e~mv2.png/v1/fill/w_128,h_128,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/1dfce5_e880faf2ebbb402d90440fa43f33779e~mv2.png)
![Wix Code -Creation Without Limits](https://static.wixstatic.com/media/1dfce5_bf87f59737b84619ab66e3e89156244b~mv2.png/v1/fill/w_160,h_30,al_c,q_85,enc_auto/1dfce5_bf87f59737b84619ab66e3e89156244b~mv2.png)