Drag up and down to navigate


I have some problem on this. As picture showed, I have a list of items, with each have a title, a subtitle and some details. In one view, I want to show all content of this item and the title of next item. When drag up, item1 shrink up and item2 appear to fit the screen(include title of item3), when drag down, item2 shrink down and item1 show again, and so on. I just think of using gestures to navigate through views, is there any more elegant way to achieve this?

Another question, can ion-item or something else can show background color by percentage as sub title one? A animation that color grow from left to right is prefered, and the same time font color change according to background color.

Thanks for your help.

any good idea to achieve this?