移动菜单css有点在ios上工作

Question

我有一个可以正常使用的移动菜单，但我确实遇到了一个我无法解决的问题！

在ios上，当菜单下拉列表垂直向下扩展时，低于实际物理屏幕的内容不会得到任何关于悬停，焦点或活动的CSS。

这是html

.xml

是的，它很长......客户想要它。

css

            <ul class="mobile_menu">
                        <li><a href="#">A</a></li>
                        <li><a href="#">B</a></li>
                        <li><a href="#">C</a></li>
                        <li><a href="#">D</a></li>
                        <li><a href="#">E</a></li>
                        <li><a href="#">F</a></li>
                        <li><a href="#">G</a></li>
                        <li><a href="#">H</a></li>
                        <li><a href="#">I</a></li>
                        <li><a href="#">J</a></li>
                        <li><a href="#">K</a></li>
                        <li><a href="#">L</a></li>
                        <li><a href="#">M</a></li>
                        <li><a href="#">N</a></li>
                        <li><a href="#">O</a></li>
                        <li><a href="#">P</a></li>
                        <li><a href="#">Q</a></li>
                        <li><a href="#">R</a></li>
                        <li><a href="#">S</a></li>
                        <li><a href="#">T</a></li>
                        <li><a href="#">U</a></li>
                        <li><a href="#">V</a></li>
                        <li><a href="#">W</a></li>
                        <li><a href="#">X</a></li>
                        <li><a href="#">Z</a></li>
                        <li><a href="#">Y</a></li>
            </ul>

它适用于任何台式机和智能手机。但不是在ios上，如果下拉菜单垂直长于实际屏幕。