wildsnail

https://johnpolacek.github.io/superscrollorama/

codepen.io/ulitcos/pen/PzOpVm

Попробуй вот эту https://github.com/Promo/wheel-indicator (демо: promo.github.io/wheel-indicator/)
Получишь поведение: один жест(прокрутка) - одно событие по нему и скроль страницу вниз/вверх

Когда устройство переходит в режим ввода данных (на экране клавиатура, фокус внутри инпута), то все элементы с position: fixed перестают быть fixed. Они начинаю вести себя, как position: absolute. Насколько мне известно исправить это простым способом нельзя. У Алексея Охрименко есть доклад на эту тему, где он все раскладывает по полочкам и объясняет, как можно решить эту проблему. К сожалению видео я быстро найти не смог

codepen.io/ulitcos/pen/PzOpVm

Вариант 1
Вариант 2

Подключаешь через font-face и смотришь локально в windows? если да, то у них вроде из-за политики безопасности локально не подсасываются подключаемые шрифты. Попробуй поднять локальный вебсервер и посмотреть. Должно помочь

Если не поможет, надо смотреть в каких форматах подключаешь шрифт, возможно ты не подключаешь нужный. Смотри подробности тут

Можешь воспользоваться wheel-indicator. Он работает при любых значениях overflow + триггерит события только по началу нового движения, а не на каждое событие scroll

Вот такого результата вы хотели добиться?

Вот библиотека позволяет ловить событие именно начало нового склоллинга мышью. Т.е. если ты ее подключишь, ты можешь пересчитывать значения линейки не на событие scroll, а на колбек библиотеки (смотри пример)

Вот маленькая библиотека, которая решит твою проблему. Подключаешь ее и по скроллу вверх/вниз будешь получать направление скроллинга, из плюсов, то что твой колбек будет выполняться именно на новую прокрутку, а не на каждое событие скролл