我有一个可滚动的 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选项。我通常使用的解决方法是将可滚动的
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;
}
div, span, h1, h2, h3, h4, h5, p, img, ul, li, ... ETC ...
{
max-width: 100%;
}