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

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

php - render data via PDO::FETCH_FUNC vs loop -

The canvas has been tainted by cross-origin data in chrome only -