#3.12 Всплывающая подсказка на JavaScript при наведении, обработка событий и метрики
Всплывающие подсказки на HTML, CSS, JS.
ТЗ - создать HTML-страницу и разместить на ней несколько кнопок. При наведении на кнопку должна появляться подсказка сверху или, если нет места, снизу. <body> <div class="modal1"><button id="btn1">Кнопка 1</button> <div id="podsk1"><p>кнопка 1</p></div></div> </br> <div class="modal2"><div id="podsk2"><p>кнопка 2</p></div> <button id="btn2">Кнопка 2</button></div> <div class="modal3"><div id="podsk3"><p>кнопка 3</p></div> <button id="btn3" >Кнопка 3</button></div> </body> #podsk1, #podsk2, #podsk3{...
Popper.js - всплывающие подсказки
Наводишь курсор на кнопку - подсказка вылезает где-то сбоку и наполовину обрезана. На телефоне вообще уехала за экран. Знакомо? Именно эту боль решает Popper.js - библиотека, которая умеет показывать всплывающие элементы там, где они действительно нужны. Сегодня подсказки, выпадающие меню и popover-окна есть везде: в админках, на маркетплейсах, в SaaS-сервисах. И Popper.js стал де-факто стандартом для их правильного позиционирования. Не зря его используют Bootstrap, Material UI и куча других фреймворков...