水平滚动菜单导航
项目中用到了滚动导航,但是默认的滚动条太丑了,只好用js自己模拟了一个。凑合用可以,不算完美。希望以后有机会再来修饰一下。
先来看下最终效果:
先看html结构:
<div id='root' class="root">
<ul class="list" id="list">
<li>全单1</li>
<li>全部菜2单</li>
<li>全部3单</li>
<li>菜单4</li>
<li>全菜单</li>
<li>全部5菜单</li>
<li>全6单</li>
<li>全6部菜单</li>
<li>全菜7单</li>
<li>全8单</li>
<li>全部5菜单</li>
<li>全6单</li>
<li>全6部菜单</li>
<li>全菜7单</li>
<li>全8单</li>
<li>全9部菜单</li