横スクロールメニューを作りたい。
画像などを入れると高さがずれるので、それの対策したバージョン。
参考
https://1-notes.com/css-menu-swipe-to-scroll-horizontally/
hoge.vue
<divclass="scroll-nav"><ul><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li><li><ahref="#">MENU</a></li></ul></div>app.css
.scroll-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.scroll-nav::-webkit-scrollbar{display:none;}.scroll-navul{display:flex;list-style-type:none;padding:0;text-align:center;}.scroll-navli{display:flex;width:100px;padding:8px;margin:1px;background:#FF5252;}.scroll-navlia{width:100%;color:#FFF;text-decoration:none;}
