Hozzon létre On-Page beszédbuborékokat a Popper.js segítségével

Mindenki tudja tooltips és több tucat szabad erőforrás van, ami segít nekik. azonban, egyedi üzenet buborékok vagy “poppers” nagyon hasznosak is.

Ők nem korlátozódnak a lebegő eseményekre, így következetesen megjelennek az oldalon, és más felhasználói magatartásokkal dolgozhatnak.

Ha ezeket szeretné létrehozni beszéd buborék popperek akkor a webhelyen Popper.js a legjobb választás. Ez egy ingyenes nyílt forráskódú plugin, amely a hivatalos js.org weboldalon található.

A buborék tippeket sok olyan webhelyen találja, amelyek összetett interfészekkel rendelkeznek. Néha kínálnak gyors tippek, rövidfilmek, és tanácsadás az új felhasználók számára a felületen.

A Popper.js használatával nem kell várni, amíg a felhasználó csak egy eszköztippet hoz létre. Ehelyett kényszerítheti a popperet bárhol jelenik meg, bármely méret, bármilyen szín, dinamikus pozicionálással.

Nézze meg a Popper.js demóoldalát, hogy lássa, mit értem. Jön a széles helymeghatározási funkciók amely lehetővé teszi a popper pozíció automatikus átfordítását a képernyő helyének függvényében.

Ahogy a felhasználó lapozgat az oldalra, elveszíthetik a popper buborékot. Ezzel a pluginnel lehet vissza kell nézni a felhasználó görgetési irányától függően felfelé (vagy lefelé).

Teljes mértékben ellenőrizheti a határokat, a nyíl pozíciókat, az eszköztipp színeit és még sok más. Nem is beszélve ez a plugin gyönyörű és teljesen kihúzható ha saját funkcióit szeretné hozzáadni a keverékhez.

Az összes forráskód ingyenesen elérhető a GitHub-on, ha ki szeretné nézni.

Az induláshoz nézd meg a dokumentációs oldal a teljes útmutatót. Ez megmondja, hogy milyen szkriptekre lesz szüksége, hogyan állítson be egy egyedi popperet, és hogyan konfigurálja a különböző nézetablak-beállításokat. Bár a legjobb forrás a fő Popper.js oldal, demókkal és rengeteg kódmintával.

Ha többet szeretne megtudni a fejlesztésről, nézd meg ezt a blogbejegyzést, amelyet a Federico Zivolo alkotója írt.