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