UI GRID 异常快速的垂直滚动问题

Question

我在我的项目中使用了 UI 网格，下面是我使用的 gridOptions 变量的快照。问题是一切正常。但是从过去的 1 或 2 周开始，垂直滚动只在单个滚动上疯狂滚动。由于 multiSelect 设置为 true，客户端无法 check/select 特定记录滚动条疯狂滚动（当用户只滚动一次时会发生这种情况）并且滚动条到达 table 的底部。

版本：ui-grid - v3.2.1

this.gridOptions = {
      appScopeProvider: this,
      infiniteScrollRowsFromEnd: 20,
      enableSelectAll: true,
      multiSelect: true,
      enableColumnResizing: true,
      saveScroll: false,
      saveFocus: false,
      saveGrouping: false,
      enableFiltering: true,
      saveGroupingExpandedStates: false,
      saveTreeView: false,
      infiniteScrollDown: true,
      useExternalFiltering: false,
      useExternalSorting: false,
      enableCellEditOnFocus: false,
      enableCellEdit: false,
      enableRowSelection: true,
      enableFullRowSelection: true,
      enableGridMenu: true,
      enableSorting: true,
      exporterCsvFilename: 'ClientResults.csv',
      exporterCsvLinkElement: angular

      //sorry cant share other code

任何人都可以帮助解决问题。

PS: table中共有2000+条记录。此外，这仅在 chrome 中发生并且在 Firefox 中表现正常。

Answer 1

知道问题了。

问题出在 Chrome 56 的版本上。另外我的 ui-grid 版本是 3.2.0，我升级到 4.0.2 最终解决了这个问题。这 Link 有帮助。

Answer 2

对于任何想知道如何在不升级 ui-grid 的情况下解决这个问题的人，这解决了我在 ui-grid 3.1.1 上的问题：

将此添加到您的 css:

.ui-grid-viewport {
    overflow-anchor: none;
}

_Source

UI GRID 异常快速的垂直滚动问题

UI GRID insanely fast vertical scroll issue

angularjs

angular-ui-grid