我有一个可滚动的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; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。