我有一个可滚动的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;
}