Wix Parallax efekts

• Maijs 12, 2024

Viena jauka animācija, kas atrodama Wix vietnēs, ir parallaksa ritināšanas efekts. Tā nav īsta animācija, taču tā vietnei pievieno kustības, dziļuma un dimensijas ilūziju.

Šis efekts ir bijis populārs vairākus gadus, un tas ir jauks veids, kā pievienot nelielu interesi vietnei, nepievienojot pārāk spēcīgu animāciju. Parallax ritināšana tiek izveidota, kad pārlūkam sakāt, lai fona attēlu ritinātu lēnāk nekā citi lapas elementi. Kā jūs varētu gaidīt, ritināšanas efekts ir lielisks tām garajām vienas lapas vietnēm.

Šis paņēmiens ir izveidots ar JavaScript, CSS un div elementiem. Jāpatur prātā, ka lielākajai daļai mobilo ierīču ir problēma ar fiksētu fona CSS. Tātad, Wix izslēdz efektu mobilajām ierīcēm.

Bet, veidojot savu Wix vietni, kodēšana netiek veikta. Tas ir tikpat vienkārši kā fona attēla vai sloksnes attēla izvēle Parallax. To var arī pievienot sloksnes video.

Neizmantojot parallaksi ritināšanu, tīmekļa lapas fona attēls pārvietojas vienādos apstākļos ar citiem lapas elementiem, skatītājam ritinot pa lapu.

Tomēr, kad fona attēlam piemērojam Parallax ritināšanas efektu, fona attēls ritina lēnām, skatītājam ritinot pa lapu. Izmērs rodas, kad citi lapas elementi ritina ātrāk nekā fona attēls.

Trešā opcija - iesaldēt - fona attēla ritināšanas efektu opcijai ir bloķēt fona attēlu vietā, jo pārējie lapas elementi ritina uz augšu vai uz leju.

Pievienojiet Parallax fona attēlam

1. Kreisās puses izvēlnē noklikšķiniet uz ikonas Fons.
   
   
2. Pievienojiet savu fona attēlu kā parasti.
   
   
3. Noklikšķiniet uz pogas Iestatījumi, lai atvērtu attēla iestatījumus.
   
   
4. Ritināšanas efektiem izvēlieties vienu no trim opcijām.
   
   
   • Nav - fons pārvietojas ar tādu pašu ātrumu kā citi lapas elementi.
     
     
   • Parallax - fons pārvietojas lēnāk nekā citi lapas elementi.
     
     
   • Iesaldēt - fons paliks vietā, bet pārējie elementi ritinās.
     
     

Pievienojiet Parallax sloksnes attēlam vai videoklipam

1. Atlasiet sloksni un uznirstošajā izvēlnē izvēlieties Mainīt sloksnes fonu.
   
   
2. Pievienojiet fona attēlu vai videoklipu kā parasti.
   
   
3. Noklikšķiniet uz pogas Iestatījumi, lai atvērtu attēla iestatījumus.
   
   
4. Pēc tam no Scroll Effects izvēlieties Parallax.
   
   

Video Instrukcijas: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Maijs 2024).