如何判断SpreadJS滚动是否到顶

大家在使用SpreadJS的时候往往会有自定义滚动条等需求，有时候根据不同的需求需要判断滚动是否已经滚到了顶，针对这样的需求在SpreadJS中应该如何实现呢？


在V16以前（含），LeftColumnChanged仅会在列发生变化的时候触发，在V17以后，我们对LeftColumnChanged事件做了优化，使其能够在像素滚动的时候也触发，也就是说每次滚动都会触发LeftColumnChanged事件，本需求将在LeftColumnChanged事件中实现。

示例代码如下：

1. window.onload = function () {
   
2.   let designerConfig = JSON.parse(
   
3.     JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
4.   );
   
5. 
   
6.   let designer = new GC.Spread.Sheets.Designer.Designer(
   
7.     "gc-designer-container",
   
8.     designerConfig
   
9.   );
   
10. 
    
11.   let spread = designer.getWorkbook();
    
12. 
    
13.   let sheet = spread.getActiveSheet();
    
14. 
    
15.   spread.options.scrollbarMaxAlign = true;
    
16. 
    
17.   sheet.setColumnCount(100);
    
18. 
    
19.   let totalWidth = 0;
    
20.   for (let i = 0; i < sheet.getColumnCount(); i++) {
    
21.     totalWidth += sheet.getColumnWidth(i)
    
22.   }
    
23. 
    
24.   sheet.bind(GC.Spread.Sheets.Events.LeftColumnChanged, function (sender, args) {
    
25.     let leftColumn = args.newLeftCol;
    
26.     let width = 0;
    
27.     for (let i = 0; i < leftColumn; i++) {
    
28.       width += sheet.getColumnWidth(i);
    
29.     }
    
30.     console.log("左侧宽度：" + width);
    
31.     console.log("右侧宽度：" + (totalWidth - width));
    
32. 
    
33.     // 22为滚动条宽度
    
34.     if (spread.options.scrollByPixel) {
    
35.       let columnIndex = sheet.hitTest(sheet.getColumnWidth(0, GC.Spread.Sheets.SheetArea.rowHeader) + 1, sheet.getRowHeight(0, GC.Spread.Sheets.SheetArea.columnHeader) + 1).col;
    
36.       if ((totalWidth - width) - (spread.getHost().clientWidth - sheet.getColumnWidth(0, GC.Spread.Sheets.SheetArea.rowHeader) - 22 + sheet.getColumnWidth(columnIndex)) <= 0) {
    
37.         console.log("到顶啦！");
    
38.       }
    
39.     } else {
    
40.       if ((totalWidth - width) - (spread.getHost().clientWidth - sheet.getColumnWidth(0, GC.Spread.Sheets.SheetArea.rowHeader) - 22) <= 0) {
    
41.         console.log("到顶啦！");
    
42.       }
    
43.     }
    
44.   });
    
45. };

复制代码