Block jerks when changing its margin-left/left in Firefox

Viewed 35

The task is to keep the block visually at the beginning when scrolling. In Chrome, there are no problems, the block moves smoothly without jerking. Have problem in Firefox

Tried through:

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

Has anyone encountered such a problem and how was it solved? Firefox Version 90.0

codepen

1 Answers

I think the problem is that Mozilla is a terrible browser. The twitching was repeated on both 70 and 90 versions.

Related