Question

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

版本： 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：表中共有2000多条记录。此外，这仅在chrome中发生，并且在Firefox中表现正常。

Answer 1

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

将此添加到您的css：

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

<子> Source

Answer 2

遇到了问题。

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

UI GRID疯狂快速垂直滚动问题

2 个答案: