title: Horizontal Scrollable Nav Menu in Angular Js
body: <p>Follwing is a image for the horizontal scroll bar menu , i am trying to achieve with angular js.</p>
  
  <p><a href="https://i.stack.imgur.com/frtcv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/frtcv.png" alt="enter image description here"></a></p>
  
  <p>Using $swipe service of angular js to perform this action.
  Able to achieve the function calls at directives ng-swipe-left and ng-swipe-right.</p>
  
  <p>As i have set the overflow-x:hidden for the items in the starting , how do i change the css or make the menu scrollable at the ng-swipe-left or ng-swipe-right.</p>
  
  <p>Any other better suggestion to perform this action is welcomed.</p>
  
  <p>Trying to make this happen by this <a href="http://jsfiddle.net/scottux/RLDsU/" rel="nofollow noreferrer">Example</a> . on ng-swipe-left and ng-swipe-right , incereasing /decreasing the counter below , indeed have to make the menu bar scroll.</p>
  
  <p><code>&lt;div ng-swipe-left="prev($event)" ng-swipe-right="next($event)"&gt;</code></p>
  
  <p>Thanks in advance.</p>