Question

我有以下结构：

div1包含div2，其中包含多个div3元素

div1  {
display: block;
position: absolute;
top: 100%;
max-height: 150px;
overflow-y: auto;
overflow-x: hidden;
min-width: 100%;
z-index: 1000;
background: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

div2 {
position: relative; 
}

div3 {
padding: 7px 5px;
}

它看起来像一个多选。

为什么我不能在div1 / div2中滚动？我在div1中将overflow-x从hidden更改为auto但仍然没有更改。我添加了＃34; overflow：auto＆＃34;到div2，但仍然没有变化。我也尝试将div2的max-height设置为150px（类似于div1），但仍然无效。

任何想法如何让i1设备（如iphone或ipads）以及adroid设备上的div1 / div2可滚动？

修改

我补充说：

@media only screen and (max-device-width: 1280px) {
    .div1 {
        overflow-x: auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

应用了css，但仍然没有区别。滚动不适用于平板电脑，android / ios。

Jsfiddle示例：https://jsfiddle.net/ykxf7god/

智能手机和平板电脑ios / android滚动无法正常工作

0 个答案: