我有一个角度组件,ngFors在其他组件列表上。我正在使用ngx-dnd库来拖放。每当子组件列表大于屏幕大小并且我使用谷歌浏览器时,拖放项目会导致页面向下滚动。如果我调试,我可以看到角度渲染导致创建一个新的项目集合,旧的集合从dom中剔除,但是当新的集合在我的旧集合上面创建时,屏幕会滚动到将旧收藏保留在屏幕上。最后删除旧集合时,屏幕将保留在页面底部附近。
如何防止chrome滚动以保持页面上的旧dom?
答案 0 :(得分:1)
这是由Chrome中一个相对较新的功能(称为滚动锚定)引起的。通常情况下,可以防止广告和其他可能缓慢加载的内容在浏览时中断您的观看。
https://developers.google.com/web/updates/2016/04/scroll-anchoring
要禁用它,请放置
style='overflow-anchor: none'

进入可滚动的div
https://css-tricks.com/almanac/properties/o/overflow-anchor/