[Перевод] Идеально размещённые тултипы: база

Дата публікації:
10/11/2025 22:03

Постійна адреса новини:
http://www.vsinovyny.com/12442974

[Перевод] Идеально размещённые тултипы: база

10/11/2025 22:03 // Хабрахабр:

Тултипы — классика веб-разработки. Кликаешь по элементу — и рядом всплывает небольшой «бабл» с дополнительной информацией. Но за этим простым кликом почти всегда стоит JavaScript, который рассчитывает, где именно показать тултип.

Попробуем поставить его сверху. Нет, места не хватает. Окей, давай снизу. Теперь он упирается в правый край — сдвинем чуть левее. Приходится учитывать кучу нюансов, чтобы тултип оказался на своём месте и нигде не обрезался, не теряя важный текст.

В этой статье я покажу, как написать хороший JavaScript, который обработает все такие случаи…

Шучу! Мы обойдёмся CSS и посмотрим, как современный Anchor Positioning API может помочь со всем этим. Никакого тяжёлого JS и лишних проблем с производительностью.

» Читати повністю

«	Наступна новина з архіву [Перевод] Связь кофе и аритмии. Первое в мире исследование	Попередня новина з архіву Прослуховування музики може знизити ризик деменції майже на 40% - вчені	»