Проверить доступную высоту страницы и показать блок со свободной стороны
Привет. Есть следующая реализация кастомного тултипа.
<a href="#" class="custom_tooltip">{text} <div>Тултип</div> </a> <style> .custom_tooltip { display: inline-block; position: relative; } .custom_tooltip div { display: none; position: absolute; top: 15px; left: 0px; z-index:9999; width: 100px; height: 320px; } .custom_tooltip:hover div { display: block; } </style> Размеры <div> известны и сейчас он всегда показывается снизу от ссылки (так как это прописано в CSS). Подскажите, как на JS реализовать проверку доступного места на странице и показывать <div> со свободной стороны. |
|
el.getBoundingClientRect() - даст вам все необходимые цифры
https://developer.mozilla.org/ru/doc...dingClientRect |
Цитата:
|
BZDR,
возможно есть, искать надо или переделать jQuery.fn.center на js из примера ниже или разработать свой алгоритм. https://javascript.ru/forum/jquery/4...tml#post276809 |
рони,
Пример морально устарел =( |
j0hnik,
Цитата:
|
рони,
Проблема в том, что я js абсолютный ноль :( |
рони,
ок, но все же поправь протокол чтобы там тоже работал. |
|
рони,
Как раз то, что нужно. Спасибо огромное. Я пытался использовать поиск, но сформулировать четко запрос у меня не получалось :) |
Часовой пояс GMT +3, время: 23:47. |