ios – x轴的webkit溢出滚动问题?

前端之家收集整理的这篇文章主要介绍了ios – x轴的webkit溢出滚动问题?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个可滚动的div与以下css:
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
width:200px;
height:500px;

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

解决方法

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

标记

<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;
 }
原文链接:https://www.f2er.com/iOS/331810.html

猜你在找的iOS相关文章