Sticky Header - Angular Directive

On some mobile platforms there is content divided by a series of headings (for example, Instagram). As you scroll through them, the current heading follows you until you reach the next, at which point the current one is pushed up and the new heading docks to the top in its place.