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

sencha touch 隐藏滚动条样式的几种方式 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         }

 

 

相关文章:

  • 2021-07-16
  • 2021-11-25
  • 2022-12-23
  • 2022-12-23
  • 2022-01-18
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-10-02
  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案