Проверить доступную высоту страницы и показать блок со свободной стороны
Привет. Есть следующая реализация кастомного тултипа.
<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, время: 11:31. |