fix: repositionning scroll

Author: LeoFerrara

package-lock.json

@@ -74,6 +74,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.1.9",
     "@types/jest": "^26.0.24",
+    "@types/jquery": "^3.5.6",
     "@types/lodash": "^4.14.172",
     "@types/node": "^16.0.1",
     "@types/react": "^17.0.14",

package.json

@@ -1,5 +1,13 @@
 import { debounce } from "lodash";
-import { FC, ReactNode, useCallback, useEffect, useRef, useState } from "react";
+import React, {
+  FC,
+  ReactNode,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+import ReactDOM from "react-dom";
 
 export interface VirtualScrollerProps {
   data: (...arg: any) => [];
@@ -31,6 +39,7 @@ export const VirtualScroll: FC<VirtualScrollerProps> = ({
   const numberItem = useRef(0);
   numberItem.current = nbItems;
 
+  //@ts-ignore
   const fctData = useRef((...args: any[]) => {});
   fctData.current = data;
 
@@ -76,19 +85,27 @@ export const VirtualScroll: FC<VirtualScrollerProps> = ({
     const index =
       minIndex + Math.floor((scrollTop - toleranceHeight) / itemHeight);
     setMargin(index);
+
     const res = new Array(amount);
     for (let i = 0; i < amount; i++) {
       res[i] = Skeleton;
     }
     setRes(res);
+
     debounceGenData(index);
   };
 
   useEffect(() => {
     if (!initialPosition) {
       genData(0);
+    } else {
+      var scrollPos = initialPosition;
+      if (initialPosition > nbItems * 65) {
+        scrollPos = 0;
+      }
+      $(".scroller").scrollTop(scrollPos);
     }
-  });
+  }, [data]);
 
   if (loading) {
     return <>{LoadingSplash}</>;
@@ -101,6 +118,7 @@ export const VirtualScroll: FC<VirtualScrollerProps> = ({
         overflowY: "auto",
         overflowAnchor: "none",
       }}
+      className="scroller"
     >
       <div style={{ height: topPaddingHeight }} id="becaglacon" />
       {res}