Jon*_*n B 5 google-chrome angular
我有一个 ngFors 超过其他组件列表的角度组件。我正在使用 ngx-dnd 库来启用拖放。每当子组件列表大于屏幕尺寸并且我使用谷歌浏览器时,拖放项目会导致页面向下滚动。如果我调试,我可以看到角度渲染正在导致创建一个新的项目集合,并且从 dom 中剔除旧集合,但是在我的旧集合上方创建新集合时,屏幕滚动到将旧收藏保留在屏幕上。当旧收藏最终被删除时,屏幕会留在页面底部附近的某处。
如何防止 chrome 滚动以将旧 dom 保留在页面上?
Jon*_*n B 13
这是由 chrome 中一个相对较新的特性引起的,称为滚动锚定。这通常是为了防止广告和其他可能加载缓慢的内容在浏览时中断您的视图。
https://developers.google.com/web/updates/2016/04/scroll-anchoring
要禁用它,请放置一个
style='overflow-anchor: none'Run Code Online (Sandbox Code Playgroud)
进入你的可滚动div
https://css-tricks.com/almanac/properties/o/overflow-anchor/
| 归档时间: |
|
| 查看次数: |
2789 次 |
| 最近记录: |