Question

我有Ios移动应用程序并使用WebKit Safari。我有一个带物品的容器。容器必须向上/向下滑动。容器内的元素 - 左/右。问题是，当我设置溢出：auto;对于 - 和容器和元素，当我刷元素 - 他们的工作。但是，如果我想刷孔容器（上/下），它不会。我也需要交换元素和容器请帮忙！

<div id="container">
         <div id="data-container">
              <div class="left-right">
                  <div class="some-content"></div>
              </div>
              <div class="left-right">
                  <div class="some-content"></div>
              </div>
              <div class="left-right">
                  <div class="some-content"></div>
              </div>
          </div>
    </div>




#container{
   height: 100px;
   width: 200px;
}
#data-container{
   height: 500px;
   width: 200px;
   overflow-y: auto;
}
.left-right{
   height: 50px;
   width: 300px;
   overflow-x: auto;
}

Answer 1

经过大量测试后，我想我找到了解决你的意思的方法。这里green元素向左和向右移动，整个red容器上下移动。

＆＃13;

    #container {
      background: blue;
      height: 100px;
      width: 200px;
      overflow-x: hidden;
    }
    #data-container {
      background: red;
      height: 500px;
      width: 200px;
      white-space: nowrap;
      overflow: auto;
    }
    .left-right {
      background: green;
      overflow-x: auto;
    }
    .some-content {
      width: 300px;
      height: 50px;
    }

＆＃13;

<div id="container">
  <div id="data-container">
    <div class="left-right">
      <div class="some-content">LEFT-RIGHT A</div>
    </div>
    <div class="left-right">
      <div class="some-content">LEFT-RIGHT B</div>
    </div>
    <div class="left-right">
      <div class="some-content">LEFT-RIGHT C</div>
    </div>
    ONLY UP AND DOWN
  </div>
</div>

＆＃13;

CSS溢出：某些元素中的auto不起作用

1 个答案: