Question

为了完全兼容，并且作为较旧 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号的代码：

https://jsfiddle.net/vf18x37n/

Answer 1

尝试给出允许它滚动的部分！重要。这样它就会覆盖什么导致它不滚动。

实施例

#scroll {
    overflow-y:scroll !important;
   -webkit-overflow-scrolling:touch !important;
 }

iOS：正文固定，div滚动。怎么样？

1 个答案: