2017-02-13 37 views
8

我在我的項目中使用了UI Grid,下面是我使用的gridOptions變量的快照。問題是一切工作正常。但是從過去的1或2周開始,垂直滾動只是在單個滾動上瘋狂地滾動。由於multiSelect設置爲true,因此客戶端無法檢查/選擇滾動條瘋狂滾動的特定記錄(這發生在用戶僅滾動一次時)並且滾動條到達表格的底部。UI柵格瘋狂地快速垂直滾動問題

版本:UI網 - 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中表現正常。

+0

所以問題究竟是什麼?你能否更清楚地說明......你是否可以向下滾動,或者容器中的滾動條被禁用,以防止你選擇特定的記錄? – Vikash

+0

當用戶垂直滾動時,即使用戶只滾動一次並且滾動條到達表格的底部,網格開始滾動的速度也非常快。這不允許用戶選擇或查看記錄之間的內容。 –

+0

[Angular UI Grid Scroll Error]的可能重複(http://stackoverflow.com/questions/42100246/angular-ui-grid-scroll-error) –

回答

16

得到了問題。

問題出在Chrome 56的版本。我的ui-grid版本是3.2.0,我升級到了4.0.2,最終解決了這個問題。這Link幫助。

13

對於任何人想知道如何解決這個而不升級的UI網,這個固定我的問題上ui-grid 3.1.1

添加到您的CSS:

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

Source

+0

這是一個很好的訣竅:) – dreamweiver