Блог

Вот моя проблема: у меня есть div с идентификатором «foo» :

 #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?

Следовало ли использовать angular.animation напрямую, чтобы получить больше обработки?

Есть идеи?