Chrome 滚动条置底回弹问题

时间:2022-12-14 07:56:19

 在使用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;
}
 即可。


 详细资料可参考嘿嘿嘿