Как взять позицию относительно окна браузера у flex элемента?

Question

[Vladimir]

Доброго времени суток уважаемому сообществу,

Как взять позицию top/left относительно окна браузера у элемента, который находится в div, c display: flex?
Когда в скрипте js пробую в консоль выводить top, всегда получаю auto. Если попробовать создать див с такими же координатами и position: absolute, то этот див получается прижат в левый верхний угол, если position: static, то этот новосозданный див выводится после всех элементов DOM.

Comments

[boga-net]

А можно код посмотреть ? Не совсем понято, то ли вам задавать position: relative для body, то ли в js нужны .offset().top и.offset().left, или position().top и position().left

[Vladimir]

boga-net, код здоровый больно. Попробую Ваши мысли, хотя напрягает почему auto.

[Артем Михневич]

Используй величину vw. Где 100vw равна ширине окна браузера. Хотя без кода так и не разберешь проблему.

Answer 1

[Дарья Шашко]

api.jquery.com/offset
мб вам поможет position: fixed

Comments

[Vladimir]

Отчасти да. Переверстал всё на relative, а абсолютную позицию взял так:

elem.style.top = e.target.parentNode.getBoundingClientRect().top + 'px';
elem.style.left = e.target.parentNode.getBoundingClientRect().left + 'px';