在使用ui-grid表格加載大量數據時,發現當我們滑動鼠標滑輪後,它會自動跑到最底部。查閱了網上部分資料後,發現這是由於 chrome 56 以及之後版本,開啓了 “滾動錨定(Scroll Anchoring)” 這個功能 , 可以禁用 chrome://flags/#enable-scroll-anchoring 這個功能,或者 通過CSS 屬性可以關掉這個優化:overflow-anchor: none,把這個屬性添加到發生 bug 的容器元素上,甚至添加到 body 元素上,就可以解決問題了。
當然,在ui-grid中,加上
.ui-grid-viewport {
overflow-anchor: none;
}
即可。
詳細資料可參考嘿嘿嘿