Подсказка выходит из экрана

Question

У меня так много всплывающей подсказки внутри контейнера, но когда я нажимаю на крайнюю правую и крайнюю левую подсказки, открытый под ними модальный вид исчезает с экрана.

Я уже пытался применить медиа-запрос в зависимости от размера экрана, делая его левым или правым, но может быть любая подсказка.

поэтому кто-нибудь может предложить какое-либо решение о том, как проверить, какая модальная подсказка выходит за пределы экрана, и выровнять влево или вправо в соответствии с этим

Answer 1

Вы можете определенно проверить смещение элемента как

var x = $("p").offset();
alert("Top: " + x.top + " Left: " + x.left);

и высота и ширина области просмотра как

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

Аналогичным образом вы можете получить размеры всплывающей подсказки (надеюсь, это настраиваемая подсказка)

Отдых - это простая математика, чтобы проверить, выходит ли она из области просмотра или нет, и соответствующим образом скорректировать ваши стили.