移动端滑动导航组件 #

PC 端请在移动端模式下查看

参考界面

注意事项

• 导航条的左右移动通过 translateX 模拟，注意 translateX 的值有最大和最小限制
• TouchNavWrapper：必须设置高度，避免子元素为绝对定位时，整体界面上移或下移
• 展开后的页面整体遮罩是在根元素之下的，通过绝对定位实现
• touchmove 事件，要禁止事件冒泡，避免同时触发外部的滚动事件