Как прокручивать виртуализированную таблицу с помощью JS вне приложения React? [закрыто] ⇐ Javascript

[Anonymous]

Tidal использует таблицу React-Virtualized в своем приложении для рендеринга строк контента, по крайней мере, насколько я могу судить на основе DOM, в котором таблица выглядит следующим образом:

Код: Выделить всё

…
…

У них есть функция перетаскивания, позволяющая изменять порядок строк, но она очень медленная: вам приходится шевелить мышью в самом верху экрана, и переход от нижней части списка к верхней может занять более 30 секунд, если у вас более нескольких сотен элементов. Прокрутка колеса мыши или страницы вверх/вниз во время перетаскивания ничего не дает, хотя они работают, когда вы ничего не перетаскиваете.
Я хотел бы написать фрагмент JavaScript или, возможно, очень маленькое расширение Chrome, чтобы я мог, например, нажать клавишу на клавиатуре и прокрутить ее до самого верха. Таким образом, я могу начать перетаскивать свою строку, нажать клавишу и оказаться там, где мне нужно.
Если бы это было приложение, отличное от React, я мог бы просто element.scrollTo(), но, конечно, здесь это не вариант. Прокрутка таблицы с помощью мыши, кажется, обновляет стиль строки style.top, чтобы перемещать их, но сценарий изменения просто перемещает их вверх или вниз по экрану и не запускает отрисовку новых данных; таблица отображает только около 30 строк одновременно и динамически добавляет/отбрасывает в зависимости от того, что отображается. Я пробовал отправлять различные события прокрутки и колеса, но безрезультатно.
Кто-нибудь делал что-то подобное раньше или очень хорошо знает виртуализацию реагирования и имеет представление о том, какие события необходимо отправить каким элементам, чтобы добиться этого?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -react-app