背景div是滾動和菜單彈出時不滾動嘗試滾動iphone上的菜單

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的景觀，我只能看到upto link4。

Answer 1

爲iOS你需要添加額外的一個CSS

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