Подготовил пример, который иллюстрирует ситуацию:
Страница должна использовать parallax эффект, для чего убирается скролл с html и ставится на тег body. При этом на одном из уровней есть блок textarea, который нормально прокручивается колёсиком и стрелками, но если нажать на ползунок скролла и попробовать его перетащить вверх-вниз, то он ведёт себя странно - в данном примере он остаётся на месте, а у меня на пк он вообще моментально уезжает вниз (прокручивая textarea в самый низ).
Подскажите, пожалуйста, в чём может быть проблема?
Не работает в браузере
Firefox (обе версии). В Chrome, Edge - работает.
Методом "тыка" нашёл, что дело в свойствах perspective и overflow-y (у body) - без них скролл textarea работает. Но убрать их нельзя - не будет работать параллакс.
Если что-то не понятно - пишите в комментариях, думаю мог плохо объяснить с первого раза.
Простой
Средний