Позиционирование появляющегося окна?

Question

[danilr]

Есть кнопка, когда ее нажимаешь - блок становится display:block (был none). Этот блок position: absolute. И когда он появляется и под ним нет контента, то просто обрезается краем браузера. Вопрос в том, как сделать, чтобы он появлялся сверху если ему не хватает места и снизу, если ему достаточно? P.s. верстка в ангуляре, если важно. Подскажите каким методом можно это сделать?

Answer 1

[Виталий Киренков]

Верстаете с 2мя классами - один выводит вниз, второй вверх.
На жс смотрите высоту вашего блока. Смотрите разницу между высотой документа и позицией кнопки вызова. Если они меньше высоты блока, то накидываете класс, который выводит вверх в противном случае вниз.
Как-то так...

Comments

[danilr]

Так примерно и думал, а можете показать как отслеживать эту переменную в ангуляре, например или vue?

[Виталий Киренков]

danilr, это пишется на чистом js. Что показывать? document.height, position.top, position.offset?

[danilr]

Нет, именно отслеживанин изменения высоты экрана в фреймворке angular

[Виталий Киренков]

danilr, Код за вас я уж точно писать не буду, сорян

[danilr]

Виталий Киренков, ладно спасибо, может ответит кто знаком с фрэймворком

[Сергей]

danilr, что мешает вам обращаться к нативному js внутри Angular?