Ionic 2 - 在Angular 2中向上/向下滑动，推动和拉动离子含量的Div

Question

我正在使用Ionic 2和Angular JS 2.我想要做的是在离子内容之上添加和移除一个自定义div，它会平滑地向下滑动，当它出现时推动离子含量。向上滑动，当离子含量消失时，将离子含量平稳地拉回原位。

希望这张图片更清晰，

我使用animate.css让自定义栏向下滑动。当动画开始之前离子内容被推下时，它看起来并不正确。是否有推荐的方法来实现此类功能？

我想要一个纯粹的角度2解决方案。