在元素上启用弹性滚动/过度滚动,但不在主体上

时间:2014-08-22 04:23:30

标签: javascript html css

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

我通过设置

禁用了我的身体和主要容器上的弹性滚动(过度滚动)
body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

我想为应用内部的几个div重新启用弹性滚动。这些div的大小可以占据整个屏幕的高度,并且有溢出:滚动样式:

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

以便其中的内容滚动。

目前,在这些div中禁用动量滚动和弹性滚动。有没有办法重新启用过度滚动,但仅限于这些元素?

1 个答案:

答案 0 :(得分:0)

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

例如:

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

就是这样...... !!