JavaScript-mCustomScrollbar

Question

(function (jQuery) {
    jQuery(window).on("load", function () {

        jQuery("#inf-scroll-gallery").mCustomScrollbar({
            axis: "x",
            theme: "light-3",
            advanced: {
                autoExpandHorizontalScroll: true
            }
        });
    });
})(jQuery);

我将上述脚本用于自定义滚动条。在这里，当我们在内容上滚动以及拖动滚动条时，它可以完美地工作。但是我想要的是仅在滚动条移动时才需要滚动内容。我在这里共享一些链接，以使内容更加清晰。

http://manos.malihu.gr/jquery-custom-content-scroller/

也请参见水平滚动条。在这里，只有当我们拖动滚动条时，图像才应该滚动。我们可以做到吗？

http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html

Answer 1

图书馆支持这种问题 您可以在脚本中添加mouseWheel：{enable：false}属性

(function (jQuery) {
    jQuery(window).on("load", function () {

        jQuery("#inf-scroll-gallery").mCustomScrollbar({
            axis: "x",
            theme: "light-3",
             mouseWheel:{ enable: false }

            advanced: {
                autoExpandHorizontalScroll: true
            }
        });
    });
})(jQuery);