跳转到选中位置

src/pages/SafetyManagement/index.js

@@ -62,6 +62,11 @@ const DeviceManager = () => {
   useEffect(() => {
     UnityAction.on('safetyItem', (name) => {
       setSelected(name);
+      const dom = document.getElementById(name);
+      if (dom) {
+        let v = document.getElementsByClassName('content-tab')[0];
+        v.scrollTop = dom.offsetTop - 6;
+      }
     });
 
     return () => UnityAction.off('safetyItem');
@@ -138,7 +143,7 @@ const Video = ({ data, dataOnline, loading, selected, setSelected }) => {
   return (
     <Spin spinning={loading}>
       <div className="content-tab">
-        <div className={styles.sparePart}>
+        <div id="scrollContent" className={styles.sparePart}>
           <div className={styles.titleContent}>
             <div className={styles.titleLeft}>
               <img className={styles.img} src={videoIcon} />
@@ -165,6 +170,7 @@ const Video = ({ data, dataOnline, loading, selected, setSelected }) => {
           <div className={styles.listContent}>
             {data?.map((item, idx) => (
               <div
+                id={item.Name}
                 key={`video_${idx}`}
                 onClick={() => setSelected(idx, item.Name)}
                 className={`card-box ${styles.listItem} ${