javascript - 在元素上启用 flex 滚动/过度滚动，但不在主体上启用

Question

我正在构建一个旨在打包到 node-webkit 中的网络应用程序，因此它的布局更像是一个带有嵌入式 ScrollView 的应用程序，而不是一个大型的可滚动网站。

我已经通过设置在我的主体和主容器上禁用了 flex 滚动(过度滚动)

body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

我想为应用程序中的几个 div 重新启用 flex 滚动。这些 div 的大小可占据全屏高度，并具有溢出:滚动样式:

somediv {
  height: 100%;
  overflow-y: scroll;
}

以便它们内部的内容滚动。

目前，动量滚动和 flex 滚动在这些 div 中都被禁用。有没有办法重新启用过度滚动，但只能在这些元素内？

Answer 1

您需要为要滚动的元素设置一些特定高度，并为这些元素添加 css 属性 overflow-y:scroll

例如:

somediv {
   height: 350px;
   overflow-y: scroll;
}

就是这样..!