html - 重新启用 webapp 上的动量滚动与 body overflow: hidden;

Question

我已经申请overflow: hidden，body但我有一个孩子div来overflow: scroll浏览应用程序的内容。在 iOS 和 macOS 上的 Safari 中，该应用程序仍保留签名过度滚动行为，但在 Chrome 中它消失了。有什么方法可以重新启用 Chrome 中的过度滚动效果以进行滚动div？

密码笔

body {
  overflow: hidden;
  margin: 0;
}

.overscroll {
  background: black;
  overflow: scroll;
  height: 100vh;
}

.content {
  height: 200vh;
  background: pink;
}

<div class="overscroll">
  <div class="content">Content</div>
</div>

标签： htmlcss