custom scrollbar with touchswipe.js library (Right, Left)

[romanlex]

Touchswipe jQuery not work with mcustomscrollbar :( If i swipe on div#filter .fixed - sidebar is closed, but if i swipe on mcustomscrollbar area - swipe not work( My html:

<div id="sidebar" class="col-25 nopad-rl">
            <div id="filter">
                <div id="filter-wrapper">
                    <div class="fixed">
                        <h2><button class="closeFilter"></button>Filters<span class="filter-ajax-icon"><img src="img/ajax-filter-mob.gif"></span></h2>
                        <div class="filter-buttons">
                            <button class="button blue" id="submitfilter">Submit</button>
                            <button class="button grey" id="restorefilter">Reset</button>
                        </div>
                    </div>
                    <ul class="menu">
                            ....
                    </ul>
                </div>

            </div>
        </div>
    </div>

my app.js:

$('#filter ul.menu').mCustomScrollbar({
        theme:"light",
        mouseWheel:{ enable: true },
        scrollInertia: 400,
        contentTouchScroll: 25
    });
if(isMobile) {
        $('body').swipe( {
            swipeLeft:function(event, direction, distance, duration, fingerCount) {
                console.log('TouchSwipe Left');
                $('#sidebar').addClass('mobOpened');
            },
        });
        $('#filter').swipe({
            swipeRight:function(event, direction, distance, duration, fingerCount) {
                console.log('TouchSwipe Right');
                $('#sidebar').removeClass('mobOpened');
            }
        });
    }

[georgi-aba]

I have the same problem. I’ve tied with the “touchswipe.js” library and with the “jquery.event.swipe.js” but still no result. If I apply the swipe to an element outside the .mCustomScrollbar it works, But if it’s on the .mCustomScrollbar or inside it does not.