选项卡导航不在iOS上水平滚动，即使使用-webkit-overflow-scrolling：touch

Question

我创建了一个移动子导航栏，它实际上是一行用于在页面之间切换的标签。如果屏幕上有太多标签，则应使用overflow: scroll属性水平滚动。这适用于Android，但不适用于iOS上的任何浏览器。我尝试将-webkit-overflow-scrolling: touch添加到滚动元素，但这并不能解决问题。我已经尝试过我在网上找到的所有内容，但没有任何效果。你有什么想法？这是滚动导航栏的CSS。

.toggle-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}