feat: can set rootMargin for IntersectionObserver.

src/config/setting.js

@@ -182,5 +182,5 @@ export const DEFAULT_SETTING = {
   transAllnow: false, // 是否立即全部翻译
   subtitleSetting: DEFAULT_SUBTITLE_SETTING, // 字幕设置
   logLevel: LogLevel.INFO.value, // 日志级别
-  rootMargin: 200, // 提前触发翻译
+  rootMargin: 500, // 提前触发翻译
 };

src/libs/translator.js

@@ -544,7 +544,7 @@ export class Translator {
 
   // 监控翻译单元的可见性
   #createIntersectionObserver() {
-    const { transInterval, rootMargin = 200 } = this.#setting;
+    const { transInterval, rootMargin = 500 } = this.#setting;
 
     const pending = new Set();
     const flush = debounce(() => {

src/views/Options/Setting.js

@@ -105,7 +105,7 @@ export default function Settings() {
     skipLangs = [],
     // detectRemote = true,
     transAllnow = false,
-    rootMargin = 200,
+    rootMargin = 500,
   } = setting;
   const { isHide = false, fabClickAction = 0 } = fab || {};
 
@@ -341,7 +341,7 @@ export default function Settings() {
                 value={rootMargin}
                 onChange={handleChange}
                 min={0}
-                max={1000}
+                max={10000}
               />
             </Grid>
             {/* <Grid item xs={12} sm={12} md={6} lg={3}>