Как замедлить скорость прокрутки в Microsoft Edge с помощью JavaScript?

По словам Microsoft, они изменили Edge, чтобы он прокручивался на процент от полосы прокрутки, а не на фиксированное количество пикселей, как это делает Chrome:

Браузеры Chromium используют фиксированное значение дельты прокрутки (100 пикселей на каждое движение колесика мыши, 40 пикселей на каждое нажатие кнопки полосы прокрутки или нажатие стрелки на клавиатуре). Мы меняем это поведение, чтобы оно соответствовало предыдущим версиям Microsoft Edge, которые использовали высоту прокрутки для вычисления отклонений прокрутки. Процентная прокрутка — отличное функциональное дополнение, значительно упрощающее навигацию по небольшим скроллерам.

На длинных страницах это заставляет страницу прокручиваться невероятно быстро.

Эта проблема, по-видимому, зависит от версии ОС (см. комментарии).

Я протестировал следующее решение, и его можно использовать независимо от того, какой параметр Windows Scrolling Personality установлен в edge:///flags (включен или отключен).

if (window.navigator.userAgent.indexOf('Edg') > -1) {
    document.onkeydown = slowScroll;
    window.lastScrolledUp = 0;
    window.lastScrolledDown = 0;
    window.lastScrolledLeft = 0;
    window.lastScrolledRight = 0;
}

function slowScroll(e) {

    // Don't capture key presses when inside form fields
    if (['datalist', 'input', 'optgroup', 'option', 'select', 'textarea'].indexOf(e.target.nodeName.toLowerCase()) >= 0) {
        return;
    }

    // Limit in milliseconds - may be scrolled once per this limit
    var minDelay = 50;

    var now = Date.now();
    
    switch(e.key) {
        case 'ArrowUp':
            if (now - window.lastScrolledUp < minDelay) {
                e.preventDefault();
                return;
            }
    
            window.lastScrolledUp = now;
        break;
    
        case 'ArrowDown':
            if (now - window.lastScrolledDown < minDelay) {
                e.preventDefault();
                return;
            }
    
            window.lastScrolledDown = now;
        break;
    
        case 'ArrowLeft':
            if (now - window.lastScrolledLeft < minDelay) {
                e.preventDefault();
                return;
            }
    
            window.lastScrolledLeft = now;
        break;
    
        case 'ArrowRight':
            if (now - window.lastScrolledRight < minDelay) {
                e.preventDefault();
                return;
            }
    
            window.lastScrolledRight = now;
        break;
    }
}

Приведенный выше код успешно замедляет смехотворно высокую скорость прокрутки в Edge. Код гарантирует, что страницу нельзя прокручивать чаще, чем раз в 50 мс в любом направлении — время контролируется minDelay.

Чтобы пойти еще дальше и применить это ограничение ко всем браузерам, просто удалите первую строку кода (и ее закрывающую скобку). Это то, что мы в конечном итоге сделали, чтобы обеспечить единообразие взаимодействия с пользователем во всех браузерах.

Этот код прекрасно работает со всеми браузерами, в которых я его тестировал: Edge, Chrome и Opera (все они основаны на Chromium) + Firefox. Он просто вводит ограничение на скорость прокрутки страницы с помощью клавиш со стрелками.

Прокрутка с помощью Page Down + Page Up остается неизменной, и ее по-прежнему можно использовать (нажимать или удерживать) для быстрой прокрутки страницы.

Я был бы рад и очень признателен за любые лучшие ответы, в которых не используются такого рода уловки, если у вас есть идеи, пожалуйста!