Question

overflow-y:scroll;和overflow-y:auto;

有一个问题

我已经从codepen.io创建了这个全屏 DEMO 和编辑器屏幕 DEMO

在此演示中，当您更改浏览器宽度时，列定位会发生变化。但是，如果更改浏览器高度，则.ChWrP滚动不起作用。我在这里缺少什么？谁能在这方面帮助我？

<div class="ChWrP">
   <!--Left Sidebar STARTED-->
   <div class="app-one">

   </div>
   <!--Left Sidebar FINISHED-->
   <!--Right sidebar STARTED-->
   <div class="app-two">

   </div>
   <!--Right Sidebar FINISHED-->
</div>

CSS

@media screen and (max-width:1210px) {
   .ChWrP{
      flex-direction: column-reverse; 
      top: 0px;
   height: calc(100% - 0px);
   height: -webkit-calc(100% - 0px);
   height: -moz-calc(100% - 0px);  
   overflow-y:auto;
      overflow:hidden;
   } 
   .ChWrP > div { 
      width: 100%;  
   } 
   .ocTppCT {
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 650px;
    max-height: 67px;
    color: #1B7BCF;
}
.txt {
  background-color:rgba(0,0,0,.5);  
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
span {
    display:none;
}
   .app-one,  .app-two {
      min-height:500px;
   }
}

Answer 1

您已声明overflow属性，在声明hidden属性后为其提供值overflow-y，。通过CSS的级联性质，将覆盖overflow-y属性。

要解决此问题：

完全删除overflow属性

将overflow属性移到overflow-y属性上方，或

将overflow属性更改为overflow-x。

溢出-Y：滚动;或溢出-y：auto;没用

1 个答案: