Subtítulo no Scroll com Fade

On-Scroll Subtitle with FadeIn & FadeOut

Assista o Vídeo - Subtítulo no Scroll

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 CodableWix Expert - Emails: nayeli@totallycodable.com  / nayeli@webixdesigns.com

Totally Codable - Explore the Possibilities
MP Classes - You Become When You Learn
Wix Code -Creation Without Limits