如何在不使用jQuery的情况下制作水平滑动条

Question

我正在使用ionic框架，并且不使用jQuery .how来制作水平滑动条而不使用jQuery。

类似于：

我尝试了以下代码：

<ion-scroll direction="x" class="wide-as-needed">
        <a class="button inline-button">this is a button : 1</a>
        <a class="button">this is a button : 2</a>
        <a class="button">this is a button : 3</a>
        <a class="button">this is a button : 4</a>
        <a class="button">this is a button : 5</a>
        <a class="button">this is a button : 6</a>
</ion-scroll>

我参考了：http://codepen.io/calendee/pen/HIuft

但在移动设备上，触摸在水平区域以上无效。

Answer 1

你可以使用这样的东西。

<div class="range-slider" data-slider>
  <span class="range-slider-handle" role="slider" tabindex="0"></span>
  <span class="range-slider-active-segment"></span>
  <input type="hidden">
</div>