移动端html滑动菜单,移动端手指操控左右滑动的菜单

本文实例为大家分享了移动端手指操控左右滑动菜单的具体代码，供大家参考，具体内容如下

移动端手指操控左右滑动的菜单

body {margin:0;}

.menu-wrap {

width: 100%;

height: 50px;

overflow: hidden;

}

.menu-wrap-layer2 {

width: 100%;

height: 50px;

overflow: hidden;

}

.menu-list {

display: inline-block;

white-space: nowrap;

transition-duration: 0ms;

transform: translateX(0px);

}

.menu-list-item {

display: inline-block;

}

.menu-list-item span {

display: inline-block;

width: 100px;

margin: 0 3px;

text-align: center;

}

全站

动画

番剧

国创

音乐

舞蹈

科技

游戏

娱乐

电影