选项卡面板可以在移动视图中滑动？

我有一个标签式菜单，我希望在移动视图中可以滑动选项卡式菜单（ ul class="tabs" ）。

编辑：我发现使用Slick JS的片段，我从来不知道这个JS，但我希望它在我当前的选项卡式菜单上应用这个codepen 。

如何正确地结合我当前的标签菜单？我试图将它组合起来，但我的选项卡式菜单的当前UI设计变得混乱了。

这是我的选项卡式菜单

   Tab 1
 Tab 2
 Tab 3

如果您想要做的只是在菜单上水平滑动，以显示视口中不可见的任何其他导航项，您可以使用css执行此操作。

 @media screen and (max-width: 768px) { .tabs { overflow-x: scroll; white-space: nowrap; } }

使用jquery.mobile 。这非常适合您的目的。我写了一个如何工作的样本。接下来要做的是将滑动事件与单击选项卡绑定。我建议您使用next()进行右侧滑动，使用prev()进行左侧滑动以定位标签。

看这个样本：

             
  If you swipe me in the left or right, an event will be triggered.