I can prevent the Mouse Wheel Navigation, on a Layer which have scrollable content with the code bellow but can't find any way to disable Touch event.

// Disable mousewheel when inside the form.
$(window).bind('mousewheel DOMMouseScroll', function(event){ return false});
$('#slider-1-slide-4-layer-6').bind('mousewheel DOMMouseScroll', function (e) { return false; });

// Prevent Scroll On Scrollable Elements
document.querySelector('#slider-1-slide-4-layer-6').addEventListener('wheel', preventScroll, {passive: false});
function preventScroll(e){
    e.preventDefault();
    e.stopPropagation();

    return false;
} 

How can I disable touch swiping for navigate to the previous/next slides only on this scrollable layer '#slider-1-slide-4-layer-6' ?

You can see the behavior (slide 2) here

Any help would be appreciated..