PerfectScrollbar 无法在 bootstrap 模态中使用滚轮

Question

使用 PerfectScrollbar 0.6.11，我无法让鼠标滚轮以模式滚动元素。

这是一个 fiddle : https://jsfiddle.net/9e64aspu/

$('#modal-filters').on('shown.bs.modal', function () {
      $('#filters-scroll').perfectScrollbar({
            suppressScrollY : true,
            handlers: ['click-rail', 'drag-scrollbar', 'wheel', 'touch'],
            wheelPropagation: true
     });
});

显示滚动条，但无法使用滚轮滚动。正常吗？

Answer 1

您需要添加此选项useBothWheelAxes: true

你的 js 代码应该是这样的

$(function() {
    $('#modal-filters').on('shown.bs.modal', function() {
        $('#filters-scroll').perfectScrollbar({
            suppressScrollY: true,
            theme: 'dark',
            handlers: ['click-rail', 'drag-scrollbar', 'wheel', 'touch'],
            wheelPropagation: true,
            useBothWheelAxes: true,
        });
    });
});

已更新 fiddle https://jsfiddle.net/5wkbszd3/3/

PerfectScrollbar 无法在 bootstrap 模态中使用滚轮

PerfectScrollbar can't use wheel in bootstrap modal

jquery

perfect-scrollbar