如何实现滑动显示导航栏隐藏部分

<div style="overflow:scroll">
    <ul style="display:flex">
     <li style="flex-shrink: 0;-webkit-flex-shrink: 0;box-sizing: border-box;width:25%;">
        你好
    </li>
    </ul>
</div>    

　　

 

如遇到滚动不了，可查看是否加了该样式，将其去掉

* {

　　touch-action: pan-y;

}