我试过很多浏览器,Firefox,Safari,IE10,Android设备,一切正常。但当它转变为iOS设备时,如iPad,iPhone,溢出效果不佳。
结构类似如下:
<div class="slide-open-info"> <!-- this one has the overflow -->
<p></p>
<ul></ul>
<!-- and more code -->
</div>
.slide-open-info {
position: absolute;
top: 130px;
left: 0;
width: 60vw;
bottom: 0;
overflow: auto;
display: block;
-webkit-overflow-scrolling: touch;
}
此CSS的父级具有绝对位置,浏览器窗口的高度为100%(这是一个全屏网站)。
我一直在寻找为什么不起作用,并找到了许多使用-webkit-overflow-scrolling: touch;
和overflow: auto;
的答案,但它没有用。我甚至试过overflow: scroll;
,但一切都没有发生。