Javascript 如何使用css使滚动条在iphone（safari）上始终可见

我有一个如下布局的移动导航

.固定菜单{
位置：固定；
顶部：93px；
底部：0；
左：0；
宽度：100%；
背景：rgba（0,0,0,0.6）；
z指数：1000；
溢出x：隐藏；
显示：-ms flexbox；
显示器：flex；
-ms-flex方向：列；
弯曲方向：立柱；
显示：无；
}
.菜单{
位置：相对位置；
宽度：90%；
填充顶部：20px；
背景：#fff；
高度：计算（10vh）；
填充底部：50px；
最大高度：100%；
溢出y：滚动；
溢出：-moz滚动条垂直；
}
.固定菜单：：-webkit滚动条{
宽度：5px；
背景色：#d8d8d8；
-webkit盒阴影：无；
宽度：7px；
}
.固定菜单：：-webkit滚动条拇指{
-webkit盒阴影：无；
边界半径：0；
背景#1b1b1b；
/*宽度：66px*/
}

选择1
选择2
选择3
选择4
备选案文5
备选案文6
备选案文7

由于上述选项在移动视口的可见区域之外流动，因此我希望使用css在iphone（safari）上始终可以看到滚动条，这在iphone设备上是不存在的。请有人提供一些有用的信息