我已经将 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。
最佳答案
对于 ios 你需要添加一个额外的 css
ul {
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
}
关于javascript - 尝试在 iphone 上滚动菜单时,背景 div 正在滚动并且弹出菜单不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28667070/