移动端横向导航栏隐藏滚动条，但保留滑动效果

HTML结构

<nav>  

        <ul>            

                 <li>                    

                     <a>基础医学</a>         

                 </li>       

                 <li>

                      <a>预防医学</a>

                 </li>

                   ....................//可加多个li

          </ul>

</nav>

css部分

nav ul{

width:1000px;      //设置横向导航栏的宽度，设置一个大于屏幕的宽度，才能实现滑动效果

}

nav{

overflow:hidden;  //超出屏幕部分隐藏

overflow-x:auto;  // x轴自适应

}