sencha touch 隐藏滚动条样式的几种方式



如图，当滚动条显示时不是那么的好看

 

可以通过以下几种方式来隐藏滚动条，而又不影响滚动效果

1.通过css隐藏

1 /* 隐藏x方向滚动条 */
2 .x-scroll-bar-x.active {
3   width: 0px; 
4 }
5 /* 隐藏y方向滚动条 */
6 .x-scroll-bar-y.active {
7   width: 0px; 
8 }

2.通过配置滚动条属性实现隐藏

1     scrollable: {
2             //注意横向竖向模式的配置，不能配错
3             direction: 'vertical',
4             //隐藏滚动条样式
5             indicators: false
6         }