在使用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; }即可。
详细资料可参考嘿嘿嘿