SpreadJS 移动端UI滚动条自定制

SpreadJS V13.2.0 支持了类似与移动端UI的滚动条。滚动条浮动于表格上部，更加优雅，按需显示。

通过属性：scrollbarAppearance开启功能
    spread.options.scrollbarAppearance = GC.Spread.Sheets.ScrollbarAppearance.mobile;
同时可以根据css样式，控制浮动滚动条的样式。

1. /* The recommended styles are in the {}. */
   
2. 
   
3. /* Scrollbar Container (Normal State) */
   
4. .gc-scroll-mobile-container { border-radius, opacity, padding }          /* The common style for scrollbar */
   
5. .gc-scroll-mobile-container-vertical { width }                           /* The style for vertical scrollbar */
   
6. .gc-scroll-mobile-container-horizontal { height }                        /* The style for horizontal scrollbar */
   
7. 
   
8. /* Scrollbar Thumb (Normal State) */
   
9. .gc-scroll-mobile-thumb { background, border, border-radius, opacity }   /* The style for scrollbar thumb */
   
10. 
    
11. /* Scrollbar Track (Normal State) */
    
12. .gc-scroll-mobile-track { background, border, border-radius, opacity }   /* The style for scrollbar track */
    
13. 
    
14. /* Combo class name, Add to Scrollbar Container */
    
15. .gc-scroll-mobile-spread-hovering                                        /* The style for scrollbar elements when mouse enter into spread host */
    
16. .gc-scroll-mobile-state-hide                                             /* The hide state style for scrollbar elements */
    
17. .gc-scroll-mobile-state-hover                                            /* The hover state style for scrollbar elements */
    
18. .gc-scroll-mobile-state-active                                           /* The active state style for scrollbar elements */

复制代码