mCustomScrollbar scrollButtons - scrolltype: "stepped"

Question

Does anyone encounter the problem that when setup "scrollButtons: { scrollType: "stepped"} buttons doesn't work on touch devices? code:

$("container").mCustomScrollbar({
    setHeight: false,
    autoExpandScrollbar:true,
    snapAmount: height,
    mouseWheel: {
        enable: false,
        scrollAmount: height,
        normalizeDelta:true
    },
    keyboard: {
        enable: false,
        scrollAmount: height
    },
    scrollButtons: {
        enable: true,
        scrollAmount: 1,
        scrollType: "stepped"
    },
    advanced: {
        updateOnContentResize: true
    },
    scrollInertia: 1,
    contentTouchScroll: 10000,
    documentTouchScroll: false
});

Which version of mCustomScrollbar.js you used? – Jinesh Oct 27 '17 at 12:44 — Jinesh, Oct 27 '17 at 12:44

score -1 · Answer 1 · answered Oct 28 '17 at 06:16

You can use this code

<!-- custom scrollbar script -->
<script src="/path/to/jquery.mCustomScrollbar.js"></script>
<!-- detect mobile script -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.3.5/mobile-detect.min.js"></script>
<!-- custom scrollbar function call -->
<script>
    (function($){
        var md=new MobileDetect(window.navigator.userAgent); //get device type
        $(window).load(function(){
            if(!md.mobile()){ //apply custom scrollbar if device is not mobile
                $(selector).mCustomScrollbar();
            }
        });
    })(jQuery);
</script>

Understand, but I want mCustomScrollbar @ touch device:) – WEBCENTER Oct 28 '17 at 15:06 — WEBCENTER, Oct 28 '17 at 15:06

mCustomScrollbar scrollButtons - scrolltype: "stepped"

1 Answers1