Prevent LeafletJS from halting a page scroll if the map passes under the pointer by disabling scroll/touch zooming until the user has clicked on the map

leaflet-defer-scrolling.js

(function () {
    ItemMap.scrollWheelZoom.disable();
    ItemMap.touchZoom.disable();

    var enableMapInteraction = function () {
        map.scrollWheelZoom.enable();
        map.touchZoom.enable();
    }

    $('#item-map').on('click touch', enableMapInteraction);
})();