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

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;
}

_资源

Answer 2

得到了这个问题.

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