动态更改位置angular.js

时间:2018-05-28 08:59:30

标签: javascript css angularjs position styles

我有一个关于动态更改angular.js

中位置(底部)的问题

我有一个固定位置的div,我必须把它放在网站上取决于标题的高度(高于这个div)。

标题是动态更改的(例如,您单击“添加”按钮,它会在标题中添加2行文本,因此div的高度更高),因此我的div的位置与此标题相关。我怎么能这样做?

2 个答案:

答案 0 :(得分:0)

在包含position: relative的固定位置div周围加一个div。

固定位置div从DOM流中取出,因此不考虑页面上其他元素的位置。但是,它们可以相对于其父容器定位。因此,您创建一个包装固定div的父容器,它可以对DOM中的更改做出反应,然后固定的div将对这些更改做出反应。

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

答案 1 :(得分:0)

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