JQuery Kinetic disable vertical touch

I am using jquery kinetic to provide horizontal scrolling for my image containers. However the problem is that it grabs the vertical swipe touch and prevents me from navigating down the page.

I want kinetics to capture horizontal touch and let the browser handle vertical drags to move up / down the page.

I tried following the documentation and here is the code I have.

Approach 1

  var $scroller = $('.outer-container').kinetic();
  $('.outer-container').kinetic('y',{false});

      

        
        
        
      

    

Approach 2:

  var $scroller = $('.outer-container').kinetic();
    $('.outer-container').kinetic(filterTarget,function(y){
      return false;
    });

      

        
        
        
      

    

None of them seem to work, I'm sure I'm missing something obvious as this is already solved by many developers. Thanks to