Позиционировать элемент относительно угла обзора 6

Question

В моем проекте я хочу расположить свой элемент там, где на него нажимают.Прямо сейчас модал открывается и толкает конус вниз.Когда этот контент закрыт, следующий модал снова подтягивается, потому что его позиция относительна.То, чего я оптимально хочу добиться, - это чтобы все модалы оставались там, где на них нажали, верхняя позиция тянет другие модалы вниз.

Я правильно получаю верхнюю позицию элемента, но когда я использую .css Iполучить ERROR TypeError: this.singleQuestion.nativeElement.css is not a function.Есть ли способ исправить этот код или установить верхнюю позицию относительно области просмотра.

public toggle() {
            this._active = !this._active;
            if (this._active) {
                const top = this.singleQuestion.nativeElement.getBoundingClientRect().top;
                this.singleQuestion.nativeElement.css({top: top});
            }
            this.clickEvent.emit((this._active) ? this._question : null);
        }

Answer 1

Есть лучшая версия для прокрутки

scroll(): void {
    ...
    const top = this.singleQuestion.nativeElement.getBoundingClientRect().top;
    window.scrollTo({top: top, left: 0, behavior: 'smooth'});
    ....
}

Однако, если вы хотите просто установить позицию y, вы можете использовать

this.singleQuestion.nativeElement.offsetTop = top;

или

this.singleQuestion.nativeElement.style.top = top;