为了完全兼容,就像对旧式 iOS设备(很难添加固定的顶部条或固定菜单)一样,我固定了页面主体的位置(以防止元素滚动),这似乎是在这些设备上将几个页面元素固定在屏幕上的解决方案。
我做了一个应该可以滚动的div。只有这个div我想要能够滚动,也是在旧的iOS设备上。但不起作用。当我试图滚动时,主体尝试滚动(这是固定的),而不是滚动元素。
我举了一个可以向下滚动到23号的例子。但在较旧的iOS上,它仍然完全不滚动。我做了几件事情,使它更有可能滚动,但它没有在旧的iOS设备上。
我做错什么了?
body{
width:100%;
height:100%;
text-align:center;
position:fixed;
}
.contentwrap {
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
position: static;
width:100%;
height:100%;
}
<ul id="menu">
<li><a href="#page 1">Section 1</a>
<span><a href="#page 2">Section 1A</a></span>
<span><a href="#page 3">Section 1B</a></span>
<span><a href="#page 4">Section 1C</a></span>
</li>
<li><a href="#page 5">Section 5</a></li>
</ul>
<div class="contentwrap">1 <br> 2 <br> 3 <br> 4 <br> 5 <br> 6 <br> 7 etc...</div>
编号23的完整代码:
发布于 2016-01-25 23:40:16
试着给出允许它滚动的部分!重要。这样,它就会覆盖任何导致它不滚动的东西。
例子:
#scroll {
overflow-y:scroll !important;
-webkit-overflow-scrolling:touch !important;
}
https://stackoverflow.com/questions/35004467
复制相似问题