Как добавлять класс чтобы dropdown открывался вверх\право\лево если места нет?

Question

[lavezzi1]

Здравствуйте! Как это реализовывается? Допустим есть дропдаун который открывается вниз, если подкрутить страницу до него, то он откроется вверх (добавится класс up например).

Answer 1

[Юрий]

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

https://learn.javascript.ru/metrics
https://learn.javascript.ru/metrics-window
https://learn.javascript.ru/coordinates
https://learn.javascript.ru/coordinates-document

Answer 2

[vovastradamus]

Перед тем как открыть, считываешь все координаты ( высота/ширина диалога, положение от верха / слева страницы, высота страницы и и.п), сравниваешь, добавляешь классы и уже потом открываешь диалог.