Различная скорость прокрутки с переполнением: прокрутка

Question

Я разделил страницу на не прокручиваемый заголовок и прокручиваемый контент. Оба размещаются как «position: fixed», а содержимое использует «overflow: scroll». Это прекрасно работает, но я заметил, что скорость прокрутки изменилась в Firefox, теперь колесо мыши прокручивается намного медленнее. Как я могу это исправить?

Answer 1

Скорость прокрутки определяется браузером.CSS и Javascript никак не влияют на системные настройки.

Answer 2

Я предполагаю, что вы обеспокоены тем, что прокрутка не так плавна, как вам бы того хотелось. Здесь мало что можно сделать. Производительность «переполнения: прокрутка» будет варьироваться в зависимости от браузера, и я уверен, что если вы проверите свое приложение в мобильном браузере, вы обнаружите множество изменений в скорости и плавности прокрутки.

Лучшее, что вы можете сделать, это включить аппаратное ускорение для браузеров, где вы можете столкнуться с этой проблемой при помощи следующего css.

-webkit-transform: translateZ(0px);

Вы должны поместить это свойство в элемент overflow: scroll set. Но это свойство имеет свои побочные эффекты. Это имеет тенденцию использовать больше памяти и может привести к сбоям.