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

我有一个选项卡式菜单，我想要选项卡式菜单（ul class="tabs"）可在移动视图中滑动。

EDIT:我找到了一个关于使用的片段Slick JS，我从来不知道这个JS，但我希望它应用这个codepen https://codepen.io/gbhasha/pen/gaggRR在我当前的选项卡菜单上。

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

这是我的codepen http://codepen.io/anon/pen/wzOPrL选项卡式菜单

<section class="wrapper">
<ul class="tabs">
   <li class="active"><span class="icons-tabbed icon-icon-tab-locator">Tab 1</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 2</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 3</span></li>
</ul>
<ul class="tab__content">
   <li class="active">
      <div id="tab1" class="content__wrapper">
      </div>
   </li>

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

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