左右箭头按钮设置为绝对定位放在两边,中间菜单栏的宽度定义为100%减去左右按钮的长度,菜单栏设置为inline-block,里面的菜单都设置为inline-block,菜单栏设置overflow为hidden,设置不换行white-space:nowrap。这是dom的设置。js的实现就是获取滚动距离,点击按钮重新设置滚动距离document.getElementById(`tab`).scrollLeft,滚动距离只有上下两方向的,如果是竖直滚动就用scrollTop。移动策略自己定。
左右滚动菜单的实现
最新推荐文章于 2024-08-20 08:30:00 发布