Chrome 滾動條置底回彈問題

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


 詳細資料可參考嘿嘿嘿

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章