尝试在 iphone 上滚动菜单时，背景 div 正在滚动并且菜单弹出不滚动

Question

我已将 ScrollIt.js 用于单页滚动网站。单击菜单图标时，将打开一个菜单弹出窗口。但我无法向下滚动菜单 div 以完全查看菜单。尝试滚动菜单时，该站点将滚动。 如果有人遇到过类似的问题，请分享解决方案。

<div id="main">
<header>
<ul id="menu">
<li>link 1</li>  
<li>link 2</li>    
<li>link 3</li>    
<li>link 4</li>    
<li>link 5</li>    
<li>link 6</li>    
<li>link 7</li> 
</ul>
</header>

    <div class="link-1-content"></div>
    <div class="link-2-content"></div>
    <div class="link-3-content"></div>
    <div class="link-4-content"></div>
    <div class="link-5-content"></div>
    <div class="link-6-content"></div>
    <div class="link-7-content"></div>

</div>

在 iPhone Landscape 中，我只能看到 link4。

Answer 1

对于 ios，你需要添加一个额外的 css

ul {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}