动态更改位置angular.js

Question

I have a question about dynamically changing position (bottom) in angular.js

I have a div with position fixed, and I must put it on the site depends on the height of header (which is above this div).

Header is changed dynamically (eg you click button "add" and it adds to your header 2 lines of text, so div has a higher height), so position of my div is related to this header. How can I do this?

Answer 1

Put a div around your fixed position div that has position: relative .

Fixed position divs are taken out of the DOM flow and so do not take into account the position of other elements on the page. They can be positioned relative to their parent container however. So you create a parent container that wraps around your fixed div that can react to changes in the DOM, and the fixed div will then react to those changes.

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

Answer 2

您可以使用angular.element（lite jquery）来操作DOM元素。