swipe, pan effect

jquery.mobile-events.js

/*
* need include https://cdnjs.cloudflare.com/ajax/libs/jquery-touch-events/1.0.5/jquery.mobile-events.js
*/

var l = 0;
$('.indexnews__tabs').on('swipe', function(e, d) {
  var a = parseInt($(this).width());
  var y = parseInt($(this).parent().width());
  var x = a - y;
  var maxL = x;
  var m = d.xAmount;
      m *=2;
  var trase = (d.direction === 'left')?(-m):m;
  l += trase;
  l = (l>0)?0:l;
  l = (l<-maxL)?-maxL:l;
  
  $(this).css({'margin-left': l});

  
  if (l<0)
    $('.indexnews__menu').addClass('scrolled');
  else
    $('.indexnews__menu').removeClass('scrolled');

  if (l===-maxL)
    $('.indexnews__menu').addClass('scrolledend');
  else
    $('.indexnews__menu').removeClass('scrolledend');

});