css 静态块中的可滚动块

iqjalb3h 于 12个月前发布在其他

关注(0)|答案(1)|浏览(75)

我有一个静态的不可滚动的着陆页和滚动卡在它。我添加属性溢出：隐藏;要父和溢出：scroll; to child，但这些块仍然不移动。也许你知道我错在哪里？
我希望.子块是可滚动的，而.parent块是静态的。

.parent {
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 50px;
  width: 100%;
  height: calc(100% - 50px);
}

.child {
  overflow: scroll
}

<div class="parent">
  <div class="child">
    *content*
  </div>
  
  <div class="child">
    *content*
  </div>
</div>

1条答案

你走对了方向。只需设置一个特定的高度，以儿童和把内容，以便您可以滚动。

.child {
    overflow: scroll;
    height: 100px; 
    /*Put any fixed height you want and put content where it is written "*content*" */
}