Изменить положение динамически angular.js

Question

У меня есть вопрос о динамически меняющейся позиции (внизу) в angular.js

У меня есть div с фиксированной позицией, и я должен поставить его на сайт в зависимости от высоты заголовка (который вышеэто div).

Заголовок изменяется динамически (например, вы нажимаете кнопку «добавить», и он добавляет к вашему заголовку 2 строки текста, поэтому div имеет большую высоту), поэтому позиция моего div связана с этимзаголовок.Как я могу это сделать?

Answer 1

Вы можете использовать angular.element (lite jquery), чтобы манипулировать элементами DOM.

Answer 2

Поместите div вокруг вашего div с фиксированной позицией, который имеет position: relative.

Div с фиксированной позицией вынимаются из потока DOM и поэтому не учитывают положение других элементов на странице.Однако они могут быть расположены относительно своего родительского контейнера.Таким образом, вы создаете родительский контейнер, который оборачивается вокруг вашего фиксированного div, который может реагировать на изменения в DOM, и затем фиксированный div будет реагировать на эти изменения.

<header></header>
<div class="container" style="position: relative">
    <div class="fixed-position-element"></div>
</div>