Feature request: allow fixed content to be above scrollable content

[ionitron-bot]

Original issue by @movrack on 2016-11-07T16:47:39Z

Short description of the problem:

When I use ion-fixed attribut in ion-content it fixed the content but it's overlaped with the following element and start at the same position below the ion-header

What behavior are you expecting?

• no overlaps
• non-fixed div (or other tag) start at right position. (size of header + size of fixed div (or other tag))
• width size of fixed element is 100%
• doc not yet documented (https://github.com/driftyco/ionic-site/issues/776#issuecomment-258487040)

points 2 and 3 depends on elements. Here it'ss the case for a div, the div, should stay a div.

• in case of scroll, the scrollable part should pass under the fixed element.

<ion-header>
    // navbar
</ion-header>
<ion-content>
    <div ion-fixed>
        fixed element, smallest possible square in top left, must take full width available.
    <div/>
    <div>
        non fixed overlaps fixed
    </div>
<ion-content>

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

To fix it, i use the trick of danielmm in https://forum.ionicframework.com/t/scroll-false-in-ionic-2/64571/12?u=mse . This should be more automated.

Which Ionic Version? 1.x or 2.x
ionic 2 RC1

Plunker that shows an example of your issue

http://plnkr.co/edit/QOR7U3Q8yq2VjGwhIjTB?p=preview

Run ionic info from terminal/cmd prompt: (paste output below)

Cordova CLI: 6.3.1
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
OS: Windows 8.1
Node Version: v5.0.0