タッチデバイスで垂直スクロールを無効にするときは、フローカルーセル

Question

をタッチデバイス上で左から右にドラッグすると、上下にドラッグしてページ全体を揺らすことができます。フクロウカルーセルの垂直スクロールを無効にする方法を教えてください。誰もがこれは私のために働くように思わ事前

Answer 1

に

感謝を助けることができるかどう 私はJSファイルを投稿することができ、少なくともiOSでは、Android上でテストしていません。

マウスまたはタッチでスライドを開始すると、Owl Carouselがクラス「.owl-grab」をスライダに追加することがわかりました。私は@ Turnerjからこのコードを見つけて、単にコードに.owl-grabを入れました。

Disable scrolling when touch moving certain element

また、同じページに複数のスライダーで動作します。お役に立てれば！

window.blockMenuHeaderScroll = false; 
$(window).on('touchstart', function(e) { 
    if ($(e.target).closest('.owl-grab').length == 1) { 
     blockMenuHeaderScroll = true; 
    } 
}); 
$(window).on('touchend', function() { 
    blockMenuHeaderScroll = false; 
}); 
$(window).on('touchmove', function(e) { 
    if (blockMenuHeaderScroll) { 
     e.preventDefault(); 
    } 
}); 

Answer 2

素晴らしいCSS3 :)

.owl-carousel 
{ 
    -ms-touch-action: pan-y; 
    touch-action: pan-y; 
}