Optimization of dynamic setting scroll bar in Firefox browser

recently, if you want to make a table, you need to fix the header and display the first two columns, because the table has a large number of columns, and the width of the table is more than 7000 px.
then I have to do fixed two-column positioning. Calculate the fixed two-column left positioning value when the table scroll bar is scrolling, and always set the value for him. Testing Google browser and Sogou is no problem, but when Firefox scrolls to set the left value, the final display is fine, but the two columns will flash left and right in the process. Because the scroll bar scrolls are calculating the value at this time.
I would like to ask who can help me with this performance optimization.

Mar.02,2021

Don't add elements that can be scrolled if you need a fixed display. Your solution looks a bit like a floating ad from a long time ago. The kind that flashes and flashes and recalculates the position as soon as it scrolls. It is recommended to divide the columns to be fixed and other columns that can be scrolled into two table, and place them horizontally side by side, the left column is your fixed column without making other changes, the right column is scrollable column, set overflow-x: scroll and max-width: 75 and so on.

< hr >

you can edit your question without having to answer it below.
found a method that I don't know if it works: https://zhidao.baidu.com/ques.. Using css's expression , did you originally use js to calculate?


clipboard.png
x and y are all

with scroll bars.
Menu