css - List view in Sencha Touch inside of Tab panel with scroll -
i have list view in tab panel. tab panel has 2 tab bars 1 @ top , other @ bottom. have 2 tab bars floating, when list scrolls, scrolls behind these tab bars @ top , @ bottom.
everything except now, top portion , bottom portion of list behind tab panel , unclickable. also, when list loads first time, need list start beneath top tab bar. and, on reaching end of list, need list end right above bottom tab bar, items in list clickable.
i managed doing:
.x-tabbar + div .x-scroll-view { padding-top: 3.2em; }
but, fixes problem @ top of list. @ bottom, no matter how padding-bottom give .x-scroll-view, bottom doesn't budge.
how fix this? appreciated! thanks!
edit: know can add spacers list , set height shown here: https://fiddle.sencha.com/#fiddle/26i, i'm looking css-only solution without need adding additional containers.
.x-tabbar + div .x-scroll-scroller{ padding: 3.2em 0; }
should it.
Comments
Post a Comment