当尝试在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横向中，我只能看到link4。

Answer 1

对于ios，您需要添加额外的CSS

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