水平滚动菜单导航
项目中用到了滚动导航,但是默认的滚动条太丑了,只好用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

本文介绍了一个使用JavaScript模拟的水平滚动导航菜单,为了解决默认滚动条美观问题。文章展示了HTML结构、样式代码和JS逻辑,并展示了最终效果,但作者认为仍有改进空间,期待社区反馈。
最低0.47元/天 解锁文章
461

被折叠的 条评论
为什么被折叠?



