x轴的webkit溢出滚动问题？

Question

我有一个可滚动的div与以下css:

overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
width:200px;
height:500px;

但是在iOS设备上,当div内部的内容比div本身更宽时,启用x轴滚动.如何禁用x轴滚动？

Answer 1

我一直有同样的问题,似乎没有-webkit-overflow-scrolling的x/y选项.我通常使用的解决方法是将div中的滚动div包装起来overflow-x: hidden,问题应该解决.

标记:

<div class="scroll-container">
  <div class="scroll-wrapper">
    <div class="scroll-body">
    </div>
  </div>
</div>

造型:

.scroll-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  width: 200px;
  width: 500px;
}
.scroll-wrapper {
   width: 200px;
   overflow-x: hidden;
 }