在sencha touch 2中滚动条指示器可见性

Question

我正在研究Sencha touch 2.我有一个标签面板,里面有许多水平放置的标签.我想总是显示水平滚动条,以便用户知道有更多选项卡.这是我的选项卡面板,带有tabBar配置.如何使滚动条指示器始终可见？:

Ext.define('Project.view.Result', {
extend: 'Ext.tab.Panel',
id:'searchTab',
    tabBar: {

         scrollable:'horizontal',
         scrollBar:'true',
         docked:'top',
         layout: {
                    pack: 'center',
                 },

    },
items:[
                               {  
                        title: 'A Result',
                        xtype:'AList'
                    },
                    { 
                        title: 'B Result',
                        xtype:'BList' 
                    },

                                ......
                                ......
                               { 
                        title: 'Z Result',
                        xtype:'ZList' 
                    }
                ]
        });

我用css试过这个:

#searchTab .x-scroll-indicator[style] {
opacity: 0.5 !important;
}

但随后每个选项卡下的列表项都会显示滚动条.但不适用于标签栏.

Answer 1

你几乎得到它只是改变你的CSS到这个:

.x-tabpanel .x-scroll-indicator {
    opacity: 0.5 !important;
}

希望能帮助到你 :)