在AngularJS ng-show之后，固定位置div不再固定在底部

Question

我的问题在这里： 我有一个id为“foo”的div：

#foo {
    position:fixed !important;
    bottom:0 !important;
    left:0;
    ...
}

它的崩溃动画:(请不要链接我bootstrap-ui ...）

#foo.ng-hide-add, #foo.ng-hide-remove {
    -webkit-transition:all linear 0.5s;
    -moz-transition:all linear 0.5s;
    -o-transition:all linear 0.5s;
    transition:all linear 0.5s;
    display:block!important;
}

#foo.ng-hide-add.ng-hide-add-active,
#foo.ng-hide-remove {
    height:0;
}

#foo.ng-hide-add,
#foo.ng-hide-remove.ng-hide-remove-active {
    height:170px;
}

最终指示：

<pp-foo collap="foo.collapsed"></pp-foo>

绑定一个名为foo.collapsed的布尔值

<div id="foo" ng-hide="collap">
...
</div>

动画渲染完美，但隐藏/显示后div foo不再固定在底部。它位于页面中间。

应该在角度控制器中将底部重置为0？

应该直接使用angular.animation来获得更多处理吗？

有什么想法吗？