Hi, I’m trying to achieve something quite simple in appearance but am somehow struggling with the CSS (or at least I don’t figure out which directives I should use). I have illustrated the issue here: http://codepen.io/krisa/pen/iudpB Ideally, there should be a list of friends on the left side (i…

Try using ion-scroll instead, this should get you in the right direction. [image] Demo visualisation issue Forked from [Christophe](/krisa)'s Pen [Demo](/krisa/pen/iudpB/)....

Thanks, it looks better but still buggy. the left panel is not scrolling, and when trying to scroll the right panel, it scroll the whole screen while the right panel shouldn’t move (actually it shouldn’t scroll anything)

This was meant to get you started, didn’t put too much thought into it. I updated the codepen to be more “finished” [image] Demo visualisation issue Forked from [Christophe](/krisa)'s Pen [Demo](/krisa/pen/iudpB/)....

wow, 4 line of CSS for fixing 3 bugs, that’s quite effective :wink: Much appreciated and thank you very much!! Though, this looks a bit like a “workaround” (which could have side effects somewhere else??): .scroll-view{ position: absolute !important; bottom: 0 !important; top: 0 !important; …

Yes, this is a work around. Ideally you would create your own class and apply it to the ion-scroll. There is plans to have this and we’re working on it.

You might want to look at this too : [image] Ionic-multiple-views: seamlessly port your Ionic app to tablets! I built an extension for Ionic that allows you to have more than one displayed in a screen, making building layouts like the master-detail layout in Gmail possible. GitHub: htt…

Yeah finally the “workaround” didn’t work well for me, I’m doing something very similar to the link of Calendee and a click on an item ruins the layout. I will try this “multiple-views” directive, it seems to do exactly what I need thank you for the info!

Issue by positioning of nested views

uncategorized

Calendee May 30, 2014, 9:00pm 7

You might want to look at this too :

Topic		Replies	Views
[BUG Solved ?]Since version 1.0.0-beta.12 the views are one upon the other ionic-v1	3	1022	September 29, 2014
Ionic native scrolling does not continue to show the whole screen view iOS ionic-v1	8	3295	November 12, 2015
ionic1.0.0:How to overlay ion-scroll on view ionic-v1	0	833	September 13, 2015
Using ion-scroll to create an independent scrolling ion-list? ionic-v1	1	1641	June 15, 2014
Nested ion-scroll problem ionic-v1	2	2770	April 10, 2015

Issue by positioning of nested views

Related topics