Creați bufe de vorbire pe pagina cu Popper.js
Toată lumea știe ponturile și există zeci de resurse gratuite care să vă ajute să le faceți. in orice caz, bule de mesaje personalizate sau “poppers” sunt de asemenea foarte utile.
ei nu se limitează la evenimentele de hover, astfel încât acestea să poată apărea consistent pe pagină și să se ocupe de alte comportamente ale utilizatorilor.
Dacă cauți să creezi asta bubble poppers pe site-ul dvs. atunci Popper.js este cea mai bună alegere. Este un plugin gratuit open source, găzduit pe site-ul oficial js.org.
Veți găsi aceste sfaturi pentru bule într-o mulțime de site-uri care au interfețe complexe. Uneori vor oferi sfaturi rapide, walkthroughs, și consiliere la bord pentru oameni noi la interfață.
Cu Popper.js, nu este nevoie să așteptați ca utilizatorul să se hrănească doar pentru a crea o sugestie. În schimb, puteți forța un popper apar oriunde, orice marime, orice culoare, cu poziționare dinamică.
Consultați pagina demonstrativă Popper.js pentru a vedea ce vreau să spun. Ea vine cu un a o gamă largă de caracteristici de poziționare care vă permit să răsturnați automat poziția popper în funcție de locația ecranului.
Pe măsură ce utilizatorul scroll în jos pagina, ar putea pierde bulele de popper. Cu acest plugin, poți forțează-l înapoi prin rotirea în sus (sau în jos), în funcție de direcția de derulare a utilizatorului.
Aveți control total asupra limitelor, pozițiilor săgeților, culorilor instrumentului și mult mai mult. Să nu mai vorbim de acest plugin este minunat și complet extensibil dacă doriți să adăugați propriile caracteristici în mix.
Tot codul sursă este disponibil gratuit pe GitHub dacă doriți să îl verificați.
Pentru a începe, aruncați o privire la pagina de documentare pentru un ghid complet. Acest lucru vă spune care sunt scripturile de care aveți nevoie, cum să configurați un pop-up personalizat și cum să configurați opțiunile de vizualizare diferite. Cu toate acestea, cea mai bună resursă este pagina principală Popper.js, cu demonstrații demo și o mulțime de mostre de cod.
Dacă doriți să citiți mai multe despre dezvoltare, verificați acest post de blog scris de către creatorul Federico Zivolo.