How to make a horizontal sliding bar without using jQuery


#1

I am using ionic framework and don’t to use jQuery .how to make a horizontal sliding bar without using jQuery.

Something like : [![horizontal slider][1]][1]

I tried following code:

<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>

I took reference from http://codepen.io/calendee/pen/HIuft

but on mobile, touch did not work in above horizontal area.
[1]: http://i.stack.imgur.com/kIiXo.png


#2

Just out of curiosity, why don’t you want to use jQuery?


#3

I wrote a working tutorial for you, this example is also included.

###Read it here.

###Ionic View ID: 9E15B2DB