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