How to make docked footer, should I use an action sheet that's partially visible when hidden?


I’d like to have part of the action sheet visible (say the top header row) peeking out, and then animate the action sheet in as normal. Hiding the action sheet should push it down but still leave a little bit of the top visible as before.

It would be nice if I could do this with a small tweak with the action sheet.

Should I do this with action sheets at all or should I create a an animated footer instead?


The problem is that Ionic’s Action Sheet javascript removes the Action Sheet from the DOM after it hides it. So you couldn’t use Ionic’s default action sheet with modified styles. You could just roll your own footer though and copy over some transitions / styles from _action-sheet.scss.