html - Angular 5 应用程序 CSS 固定一个 div 的位置,而第二个是可滚动的

标签 html css angular

我在 Angular 应用程序中遇到 CSS 问题。 这是我现在的结构图片: enter image description here

我试图在 Div1 中禁用滚动并让 Div2 仍然可滚动。

这是我现在的 CSS:

.div0 {
  overflow: hidden;
}
.div1 {
  overflow: hidden;
}
.div2 {
  overflow: auto;
}

但它似乎什么也没做,我仍然可以在应用程序上完全滚动。我试图将 overflow: hidden; 放在 body (index.html) 中,但随后它完全禁用了滚动。有什么想法吗?

如果我犯了一个菜鸟错误,我很抱歉,我是 CSS 的初学者。

最佳答案

试试这个

.div2 {高度:200px; 溢出:自动;

关于html - Angular 5 应用程序 CSS 固定一个 div 的位置,而第二个是可滚动的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52167285/

相关文章:

html - Drupal 6 - 带链接的粘性图像

javascript - 从另一个 div 更改倍数 div 类

css - Bootstrap 模式没有正确填充空间

javascript - 在javascript中处理html对象

angularjs - 无法将内容类型设置为 'application/json' Angular JS 2

angular - ionic 2 : How to use ViewChild instead of app. getComponent

jquery - 仅在屏幕上滚动到 x 上方时显示内容

jquery 在悬停时切换

html - 当我将一些内容放在它们旁边时,为什么这些 div 表现得很奇怪?

node.js - Router.use()需要中间件功能