Блокирует рывки при изменении поля-влево/влево в Firefox

#javascript #html #css

Вопрос:

Задача состоит в том, чтобы визуально удерживать блок в начале при прокрутке. В Chrome проблем нет, блок движется плавно, без рывков. Возникли проблемы в Firefox

Пробовал через:

  1. margin-left: Xpx;
 2. transform: translateX (Xpx);
 3. left: Xpx;
 

Сталкивался ли кто-нибудь с такой проблемой и как она была решена?
Версия Firefox 90.0

кодовый набор

Комментарии:

1. Эм… position: sticky; left: 0; и удалить все JS???

2. Это помогло решить проблему. Но все равно непонятно, почему происходит подергивание с моим способом во мху

3. кодовый набор

4. Он «дергается», потому что вы пытаетесь изменить элементы рендеринга, пока эти элементы рендеринга перемещаются, и нет никакой гарантии, что он будет синхронизирован.

Ответ №1:

Я думаю, проблема в том, что Mozilla-ужасный браузер. Подергивание повторялось как на 70-й, так и на 90-й версиях.