From b3e55cacb99e2d10dfc2df6daa009d1d74f493dd Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Tue, 18 Nov 2025 10:25:51 -0500
Subject: [PATCH 01/13] update reader

---
 web/src/views/Reader.vue | 519 ++++++++++++++++-----------------------
 1 file changed, 206 insertions(+), 313 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 636ac15a..3c8570d4 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1,31 +1,15 @@
 <template>
-  <div
-    class="chapter-wrapper"
-    :style="bodyTheme"
-    :class="{
-      night: isNight,
-      day: !isNight,
-      'mini-interface': $store.state.miniInterface
-    }"
-    ref="chapterWrapperRef"
-  >
+  <div class="chapter-wrapper" :style="bodyTheme" :class="{
+    night: isNight,
+    day: !isNight,
+    'mini-interface': $store.state.miniInterface
+  }" ref="chapterWrapperRef">
     <div class="tool-bar" :style="leftBarTheme">
       <div class="tools">
-        <el-popover
-          placement="right"
-          :width="popperWidth"
-          trigger="click"
-          :visible-arrow="false"
-          v-model="popBookShelfVisible"
-          popper-class="popper-component"
-        >
-          <BookShelf
-            ref="popBookShelf"
-            class="popup"
-            :visible="popBookShelfVisible"
-            @changeBook="changeBook"
-            @toShelf="toShelf"
-          />
+        <el-popover placement="right" :width="popperWidth" trigger="click" :visible-arrow="false"
+          v-model="popBookShelfVisible" popper-class="popper-component">
+          <BookShelf ref="popBookShelf" class="popup" :visible="popBookShelfVisible" @changeBook="changeBook"
+            @toShelf="toShelf" />
           <div class="tool-icon" slot="reference">
             <div class="iconfont">
               &#58892;
@@ -33,21 +17,10 @@
             <div class="icon-text">书架</div>
           </div>
         </el-popover>
-        <el-popover
-          placement="right"
-          :width="popperWidth"
-          trigger="click"
-          :visible-arrow="false"
-          v-model="popBookSourceVisible"
-          popper-class="popper-component"
-        >
-          <BookSource
-            ref="popBookSource"
-            class="popup"
-            :visible="popBookSourceVisible"
-            @changeBookSource="changeBookSource()"
-            @close="popBookSourceVisible = false"
-          />
+        <el-popover placement="right" :width="popperWidth" trigger="click" :visible-arrow="false"
+          v-model="popBookSourceVisible" popper-class="popper-component">
+          <BookSource ref="popBookSource" class="popup" :visible="popBookSourceVisible"
+            @changeBookSource="changeBookSource()" @close="popBookSourceVisible = false" />
 
           <div class="tool-icon" slot="reference">
             <div class="tool-el-icon">
@@ -56,22 +29,10 @@
             <div class="icon-text">书源</div>
           </div>
         </el-popover>
-        <el-popover
-          placement="right"
-          :width="popperWidth"
-          trigger="click"
-          :visible-arrow="false"
-          v-model="popCataVisible"
-          popper-class="popper-component"
-        >
-          <PopCata
-            @getContent="getContent"
-            ref="popCata"
-            class="popup"
-            @refresh="refreshCatalog"
-            :visible="popCataVisible"
-            @close="popCataVisible = false"
-          />
+        <el-popover placement="right" :width="popperWidth" trigger="click" :visible-arrow="false"
+          v-model="popCataVisible" popper-class="popper-component">
+          <PopCata @getContent="getContent" ref="popCata" class="popup" @refresh="refreshCatalog"
+            :visible="popCataVisible" @close="popCataVisible = false" />
 
           <div class="tool-icon" slot="reference">
             <div class="iconfont">
@@ -80,21 +41,10 @@
             <div class="icon-text">目录</div>
           </div>
         </el-popover>
-        <el-popover
-          placement="right"
-          :width="popperWidth"
-          trigger="click"
-          :visible-arrow="false"
-          v-model="readSettingsVisible"
-          popper-class="popper-component"
-        >
-          <ReadSettings
-            class="popup"
-            :visible="readSettingsVisible"
-            @close="readSettingsVisible = false"
-            @showClickZone="showClickZone = true"
-            @readMethodChange="beforeReadMethodChange"
-          />
+        <el-popover placement="right" :width="popperWidth" trigger="click" :visible-arrow="false"
+          v-model="readSettingsVisible" popper-class="popper-component">
+          <ReadSettings class="popup" :visible="readSettingsVisible" @close="readSettingsVisible = false"
+            @showClickZone="showClickZone = true" @readMethodChange="beforeReadMethodChange" />
 
           <div class="tool-icon" slot="reference">
             <div class="iconfont">
@@ -103,31 +53,19 @@
             <div class="icon-text">设置</div>
           </div>
         </el-popover>
-        <div
-          class="tool-icon"
-          @click="toShelf"
-          :style="$store.state.miniInterface ? { order: -1 } : {}"
-        >
+        <div class="tool-icon" @click="toShelf" :style="$store.state.miniInterface ? { order: -1 } : {}">
           <div class="iconfont">
             &#58920;
           </div>
           <div class="icon-text">首页</div>
         </div>
-        <div
-          class="tool-icon"
-          @click="toTop(0)"
-          v-if="!$store.state.miniInterface"
-        >
+        <div class="tool-icon" @click="toTop(0)" v-if="!$store.state.miniInterface">
           <div class="iconfont">
             &#58914;
           </div>
           <div class="icon-text">顶部</div>
         </div>
-        <div
-          class="tool-icon"
-          @click="toBottom(0)"
-          v-if="!$store.state.miniInterface"
-        >
+        <div class="tool-icon" @click="toBottom(0)" v-if="!$store.state.miniInterface">
           <div class="iconfont">
             &#58915;
           </div>
@@ -138,73 +76,35 @@
     <div class="read-bar" :style="rightBarTheme">
       <div class="float-btn-zone">
         <div class="float-left-btn-zone">
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="showBookmarkDialog"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="showBookmarkDialog">
             <i class="el-icon-collection-tag"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="showSearchBookContentDialog"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="showSearchBookContentDialog">
             <i class="el-icon-search"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="showReadingBookInfo"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="showReadingBookInfo">
             <i class="el-icon-info"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="toTop(0)"
-            v-if="$store.state.miniInterface"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="toTop(0)" v-if="$store.state.miniInterface">
             <i class="el-icon-top"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="toBottom(0)"
-            v-if="$store.state.miniInterface"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="toBottom(0)" v-if="$store.state.miniInterface">
             <i class="el-icon-bottom"></i>
           </div>
         </div>
         <div class="float-right-btn-zone">
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="refreshContent"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="refreshContent">
             <i class="el-icon-refresh-right"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="toggleAutoReading()"
-            v-if="!isEpub && !isCarToon && !isAudio"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="toggleAutoReading()"
+            v-if="!isEpub && !isCarToon && !isAudio">
             <i class="el-icon-view"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="showReadBar = !showReadBar"
-            v-if="speechAvalable && !isEpub && !isCarToon && !isAudio"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="showReadBar = !showReadBar"
+            v-if="speechAvalable && !isEpub && !isCarToon && !isAudio">
             <i class="el-icon-headset"></i>
           </div>
-          <div
-            class="float-btn"
-            :style="popupAbsoluteBtnStyle"
-            @click="toogleNight"
-          >
+          <div class="float-btn" :style="popupAbsoluteBtnStyle" @click="toogleNight">
             <i class="el-icon-moon" v-if="!isNight"></i>
             <i class="el-icon-sunny" v-else></i>
           </div>
@@ -212,14 +112,8 @@
       </div>
       <div class="progress" v-if="$store.state.miniInterface && !isAudio">
         <div class="progress-bar">
-          <el-slider
-            v-model="currentPage"
-            :min="1"
-            :max="totalPages"
-            :show-tooltip="false"
-            @change="showPage"
-            @input="progressValue = $event"
-          ></el-slider>
+          <el-slider v-model="currentPage" :min="1" :max="totalPages" :show-tooltip="false" @change="showPage"
+            @input="progressValue = $event"></el-slider>
         </div>
         <span class="progress-tip">{{ formatProgressTip() }}</span>
       </div>
@@ -227,35 +121,19 @@
         <div>
           缓存章节
         </div>
-        <div
-          class="cache-content-btn"
-          v-show="!isCachingContent"
-          @click="cacheChapterContent(50)"
-        >
+        <div class="cache-content-btn" v-show="!isCachingContent" @click="cacheChapterContent(50)">
           后面50章
         </div>
-        <div
-          class="cache-content-btn"
-          v-show="!isCachingContent"
-          @click="cacheChapterContent(100)"
-        >
+        <div class="cache-content-btn" v-show="!isCachingContent" @click="cacheChapterContent(100)">
           后面100章
         </div>
-        <div
-          class="cache-content-btn"
-          v-show="!isCachingContent"
-          @click="cacheChapterContent(true)"
-        >
+        <div class="cache-content-btn" v-show="!isCachingContent" @click="cacheChapterContent(true)">
           后面全部
         </div>
         <div class="caching-tip" v-show="isCachingContent">
           {{ cachingContentTip }}
         </div>
-        <div
-          class="caching-cancel-btn"
-          v-show="isCachingContent"
-          @click="cancelCaching"
-        >
+        <div class="caching-cancel-btn" v-show="isCachingContent" @click="cancelCaching">
           <i class="el-icon-close"></i>
         </div>
       </div>
@@ -264,11 +142,7 @@
           <span v-if="$store.state.miniInterface">阅读进度: </span>
           {{ readingProgress }}
         </div>
-        <div
-          class="tool-icon"
-          @click="toLastChapter()"
-          :style="$store.state.miniInterface ? { order: -1 } : {}"
-        >
+        <div class="tool-icon" @click="toLastChapter()" :style="$store.state.miniInterface ? { order: -1 } : {}">
           <div class="iconfont">
             &#58920;
           </div>
@@ -291,23 +165,12 @@
           <div class="center">
             <span class="ctrl-btn" @click="speechPrev">上一段</span>
             <span class="play-pause-btn" @click="toggleSpeech">
-              <i
-                class="el-icon-video-pause"
-                :style="popupAbsoluteBtnStyle"
-                v-if="speechSpeaking"
-              ></i>
-              <i
-                class="el-icon-video-play"
-                :style="popupAbsoluteBtnStyle"
-                v-else
-              ></i>
+              <i class="el-icon-video-pause" :style="popupAbsoluteBtnStyle" v-if="speechSpeaking"></i>
+              <i class="el-icon-video-play" :style="popupAbsoluteBtnStyle" v-else></i>
             </span>
             <span class="ctrl-btn" @click="speechNext">下一段</span>
           </div>
-          <div
-            class="collapse-btn"
-            @click="showSpeechConfig = !showSpeechConfig"
-          >
+          <div class="collapse-btn" @click="showSpeechConfig = !showSpeechConfig">
             <i class="el-icon-bottom" v-if="showSpeechConfig"></i>
             <i class="el-icon-top" v-else></i>
           </div>
@@ -316,17 +179,9 @@
           <div class="setting-title">语音库</div>
           <div class="setting-value">
             <div class="voice-list">
-              <el-radio-group
-                v-model="voiceName"
-                size="small"
-                class="radio-group"
-              >
-                <el-radio-button
-                  class="radio-button"
-                  :label="voice.name"
-                  :key="index"
-                  v-for="(voice, index) in voiceList"
-                ></el-radio-button>
+              <el-radio-group v-model="voiceName" size="small" class="radio-group">
+                <el-radio-button class="radio-button" :label="voice.name" :key="index"
+                  v-for="(voice, index) in voiceList"></el-radio-button>
               </el-radio-group>
             </div>
           </div>
@@ -337,44 +192,24 @@
             <div class="progress">
               <span class="progress-tip">语速</span>
               <div class="progress-bar">
-                <el-slider
-                  v-model="speechRate"
-                  :min="0.5"
-                  :max="2"
-                  :step="0.1"
-                  :show-tooltip="false"
-                  @change="changeSpeechRate"
-                ></el-slider>
+                <el-slider v-model="speechRate" :min="0.5" :max="2" :step="0.1" :show-tooltip="false"
+                  @change="changeSpeechRate"></el-slider>
               </div>
               <span class="setting-btn" @click="changeSpeechRate(1)">重置</span>
             </div>
             <div class="progress">
               <span class="progress-tip">语调</span>
               <div class="progress-bar">
-                <el-slider
-                  v-model="speechPitch"
-                  :min="0"
-                  :max="2"
-                  :step="0.1"
-                  :show-tooltip="false"
-                  @change="changeSpeechPitch"
-                ></el-slider>
+                <el-slider v-model="speechPitch" :min="0" :max="2" :step="0.1" :show-tooltip="false"
+                  @change="changeSpeechPitch"></el-slider>
               </div>
-              <span class="setting-btn" @click="changeSpeechPitch(1)"
-                >重置</span
-              >
+              <span class="setting-btn" @click="changeSpeechPitch(1)">重置</span>
             </div>
             <div class="progress">
               <span class="progress-tip">定时</span>
               <div class="progress-bar">
-                <el-slider
-                  v-model="speechMinutes"
-                  :min="0"
-                  :max="180"
-                  :step="1"
-                  :show-tooltip="false"
-                  @change="changeSpeechMinutes"
-                ></el-slider>
+                <el-slider v-model="speechMinutes" :min="0" :max="180" :step="1" :show-tooltip="false"
+                  @change="changeSpeechMinutes"></el-slider>
               </div>
               <span class="setting-btn">{{ speechMinutes }}分钟</span>
             </div>
@@ -382,17 +217,8 @@
         </div>
       </div>
     </div>
-    <div
-      class="chapter"
-      ref="content"
-      :class="chapterClass"
-      :style="chapterTheme"
-    >
-      <div
-        class="click-zone"
-        v-if="showClickZone"
-        :style="!isSlideRead ? { position: 'fixed' } : {}"
-      >
+    <div class="chapter" ref="content" :class="chapterClass" :style="chapterTheme">
+      <div class="click-zone" v-if="showClickZone" :style="!isSlideRead ? { position: 'fixed' } : {}">
         <div :style="showPrevPageStyle"><span>点击前一页</span></div>
         <div :style="showMenuZoneStyle"><span>点击显示菜单</span></div>
         <div :style="showNextPageStyle"><span>点击后一页</span></div>
@@ -401,34 +227,15 @@
       <div class="top-bar" ref="top">
         {{ $store.state.miniInterface ? title : "" }}
       </div>
-      <div
-        class="content"
-        @touchstart="handleTouchStart"
-        @touchmove="handleTouchMove"
-        @touchend="handleTouchEnd"
-        @click="handlerClick"
-      >
+      <div class="content" @touchstart="handleTouchStart" @touchmove="handleTouchMove" @touchend="handleTouchEnd"
+        @click="handlerClick">
         <div class="content-inner" v-if="show">
-          <Content
-            class="book-content"
-            :title="title"
-            :content="content"
-            :showContent="show"
-            :error="error"
-            :style="contentStyle"
-            :showChapterList="showChapterList"
-            :isScrollRead="isScrollRead"
-            ref="bookContentRef"
-            @prevChapter="toLastChapter"
-            @nextChapter="toNextChapter"
-            @updateProgress="saveReadingPosition"
-            @iframeLoad="$emit('iframeLoad')"
-            @contentChange="computePages()"
-            @epubClick="eventHandler"
-            @epubLocationChange="epubLocationChangeHandler"
-            @epubClickHash="epubClickHash"
-            @epubKeydown="keydownHandler($event, true)"
-          />
+          <Content class="book-content" :title="title" :content="content" :showContent="show" :error="error"
+            :style="contentStyle" :showChapterList="showChapterList" :isScrollRead="isScrollRead" ref="bookContentRef"
+            @prevChapter="toLastChapter" @nextChapter="toNextChapter" @updateProgress="saveReadingPosition"
+            @iframeLoad="$emit('iframeLoad')" @contentChange="computePages()" @epubClick="eventHandler"
+            @epubLocationChange="epubLocationChangeHandler" @epubClickHash="epubClickHash"
+            @epubKeydown="keydownHandler($event, true)" />
         </div>
       </div>
       <div class="bottom-bar" ref="bottom">
@@ -436,12 +243,8 @@
           `第${currentPage}/${totalPages}页 ${readingProgress}`
         }}</span>
         <span v-if="isSlideRead">{{ timeStr }}</span>
-        <span
-          class="bottom-btn"
-          v-if="show && !isSlideRead && !error && !isScrollRead"
-          @click="toNextChapter()"
-          >加载下一章</span
-        >
+        <span class="bottom-btn" v-if="show && !isSlideRead && !error && !isScrollRead"
+          @click="toNextChapter()">加载下一章</span>
       </div>
     </div>
   </div>
@@ -628,6 +431,11 @@ export default {
       }
     },
     windowSize() {
+      // 在移动端滚动模式下，地址栏显示/隐藏会导致 innerHeight 变化
+      // 但我们使用固定的 --vh 变量，所以不需要重新计算页面
+      if (this.isScrollRead && this.$store.state.miniInterface) {
+        return;
+      }
       this.$nextTick(() => {
         this.computePages(() => {
           this.showPage(this.currentPage, 0);
@@ -789,12 +597,12 @@ export default {
       return this.isSlideRead
         ? "slide-reader"
         : this.isEpub
-        ? "epub"
-        : this.isCarToon
-        ? "cartoon"
-        : this.isAudio
-        ? "audio"
-        : "";
+          ? "epub"
+          : this.isCarToon
+            ? "cartoon"
+            : this.isAudio
+              ? "audio"
+              : "";
     },
     chapterTheme() {
       let readingStyle = this.showReadBar
@@ -1033,11 +841,11 @@ export default {
       // 两行 + 两个段间距
       return (
         this.$store.getters.config.fontSize *
-          this.$store.getters.config.lineHeight *
-          2 +
+        this.$store.getters.config.lineHeight *
+        2 +
         this.$store.getters.config.fontSize *
-          this.$store.getters.config.paragraphSpace *
-          2
+        this.$store.getters.config.paragraphSpace *
+        2
       );
     },
     formatedTitle() {
@@ -1054,7 +862,7 @@ export default {
           refresh ||
           !this.lastReadingBook ||
           this.lastReadingBook.bookUrl !==
-            this.$store.getters.readingBook.bookUrl
+          this.$store.getters.readingBook.bookUrl
         ) {
           this.title = "";
           this.show = false;
@@ -1154,11 +962,11 @@ export default {
       return networkFirstRequest(
         () => Axios.post(this.api + "/getChapterList", params),
         this.$store.getters.readingBook.name +
-          "_" +
-          this.$store.getters.readingBook.author +
-          "@" +
-          this.$store.getters.readingBook.bookUrl +
-          "@chapterList"
+        "_" +
+        this.$store.getters.readingBook.author +
+        "@" +
+        this.$store.getters.readingBook.bookUrl +
+        "@chapterList"
       );
     },
     refreshCatalog() {
@@ -1410,7 +1218,7 @@ export default {
       }
       if (
         typeof this.chapterContentCache.chapters[chapter.index] ===
-          "undefined" || // 没有缓存
+        "undefined" || // 没有缓存
         !chapter.error || // 当前内容正确
         this.chapterContentCache.chapters[chapter.index].error // 缓存内容错误
       ) {
@@ -1458,12 +1266,17 @@ export default {
           this.computeShowChapterList(reset);
         });
       }
+      const scrollAnchor =
+        !reset && this.config.readMethod === "上下滚动"
+          ? this.captureScrollAnchor()
+          : null;
       this.saveReadingPosition();
       // 暂停记录位置
       this.startSavePosition = false;
       // 记录当前章节
       this.showChapterList = list;
       this.$nextTick(() => {
+        this.restoreScrollAnchor(scrollAnchor);
         this.computePages(() => {
           if (reset) {
             // 切换上下章节，滚动到顶部
@@ -1487,7 +1300,7 @@ export default {
         {
           silent: true
         }
-      ).catch(() => {});
+      ).catch(() => { });
     },
     toTop(interval) {
       if (this.$store.state.miniInterface) {
@@ -1565,12 +1378,12 @@ export default {
       if (this.isSlideRead) {
         this.totalPages = Math.ceil(
           this.$refs.bookContentRef.$el.scrollWidth /
-            (this.windowSize.width - 16)
+          (this.windowSize.width - 16)
         );
       } else {
         this.totalPages = Math.ceil(
           this.$refs.bookContentRef.$el.scrollHeight /
-            (this.windowSize.height - this.scrollOffset)
+          (this.windowSize.height - this.scrollOffset)
         );
       }
       if (this.showLastPage) {
@@ -1611,7 +1424,7 @@ export default {
       } else {
         if (
           (document.documentElement.scrollTop || document.body.scrollTop) +
-            this.windowSize.height <
+          this.windowSize.height <
           document.documentElement.scrollHeight
         ) {
           this.currentPage += 1;
@@ -1826,11 +1639,11 @@ export default {
       if (typeof rect.top !== "undefined") {
         this.scrollContent(
           rect.top -
-            (this.$store.state.miniInterface
-              ? this.getFirstParagraphPos().bottom
-              : 0) -
-            (window.webAppDistance | 0) -
-            (this.$store.state.safeArea.top | 0),
+          (this.$store.state.miniInterface
+            ? this.getFirstParagraphPos().bottom
+            : 0) -
+          (window.webAppDistance | 0) -
+          (this.$store.state.safeArea.top | 0),
           0,
           true
         );
@@ -2064,8 +1877,17 @@ export default {
         return;
       }
 
+      const now = new Date();
+      const yyyy = now.getFullYear();
+      const mm = String(now.getMonth() + 1).padStart(2, '0');
+      const dd = String(now.getDate()).padStart(2, '0');
+      const hh = String(now.getHours()).padStart(2, '0');
+      const min = String(now.getMinutes()).padStart(2, '0');
+      const ss = String(now.getSeconds()).padStart(2, '0');
+      const timeStr = `${yyyy}-${mm}-${dd} ${hh}:${min}:${ss}`;
+
       const replaceRule = Object.assign({}, defaultReplaceRule, {
-        name: "文本替换",
+        name: `文本替换 ${timeStr}`,
         pattern: text,
         replacement: "",
         isRegex: false,
@@ -2261,8 +2083,8 @@ export default {
         if (event.error || event.name) {
           this.$message.error(
             `朗读错误:  ${event.type || ""}  ${event.error ||
-              event.name ||
-              event.toString()}`
+            event.name ||
+            event.toString()}`
           );
         }
         this.speechSpeaking = window.speechSynthesis.speaking || false;
@@ -2360,9 +2182,9 @@ export default {
             if (
               elePos.bottom >
               30 +
-                20 +
-                (window.webAppDistance | 0) +
-                (this.$store.state.safeArea.top | 0)
+              20 +
+              (window.webAppDistance | 0) +
+              (this.$store.state.safeArea.top | 0)
             ) {
               currentParagraph = list[i];
               break;
@@ -2421,11 +2243,11 @@ export default {
           const pos = paragraph.getBoundingClientRect();
           this.scrollContent(
             pos.top -
-              (this.$store.state.miniInterface
-                ? this.getFirstParagraphPos().bottom
-                : 0) -
-              (window.webAppDistance | 0) -
-              (this.$store.state.safeArea.top | 0),
+            (this.$store.state.miniInterface
+              ? this.getFirstParagraphPos().bottom
+              : 0) -
+            (window.webAppDistance | 0) -
+            (this.$store.state.safeArea.top | 0),
             0
           );
         });
@@ -2434,13 +2256,84 @@ export default {
     getFirstParagraphPos() {
       return this.$refs.top.getBoundingClientRect();
     },
+    captureScrollAnchor() {
+      if (
+        !this.isScrollRead ||
+        !this.$refs.bookContentRef ||
+        !this.$refs.bookContentRef.$el
+      ) {
+        return null;
+      }
+      const paragraph = this.getCurrentParagraph();
+      if (!paragraph || !paragraph.dataset) {
+        return null;
+      }
+      const chapter = this.findChapterElement(paragraph);
+      if (
+        !chapter ||
+        !chapter.dataset ||
+        typeof chapter.dataset.index === "undefined"
+      ) {
+        return null;
+      }
+      if (typeof paragraph.dataset.pos === "undefined") {
+        return null;
+      }
+      return {
+        chapterIndex: +chapter.dataset.index,
+        paragraphPos: +paragraph.dataset.pos,
+        offsetTop: paragraph.getBoundingClientRect().top
+      };
+    },
+    restoreScrollAnchor(anchor) {
+      if (
+        !anchor ||
+        !this.isScrollRead ||
+        !this.$refs.bookContentRef ||
+        !this.$refs.bookContentRef.$el
+      ) {
+        return;
+      }
+      const container = this.$refs.bookContentRef.$el;
+      const chapter = container.querySelector(
+        `.chapter-content[data-index="${anchor.chapterIndex}"]`
+      );
+      if (!chapter) {
+        return;
+      }
+      const paragraph = chapter.querySelector(
+        `[data-pos="${anchor.paragraphPos}"]`
+      );
+      if (!paragraph) {
+        return;
+      }
+      const newTop = paragraph.getBoundingClientRect().top;
+      const delta = anchor.offsetTop - newTop;
+      if (Math.abs(delta) > 1) {
+        // Keep the paragraph the user is reading at the same viewport offset.
+        this.scrollContent(delta, 0);
+      }
+    },
+    findChapterElement(node) {
+      let current = node;
+      while (current && current !== this.$refs.bookContentRef.$el) {
+        if (
+          current.classList &&
+          current.classList.contains("chapter-content")
+        ) {
+          return current;
+        }
+        current = current.parentNode;
+      }
+      return null;
+    },
     scrollHandler() {
       const scrollTop =
         document.documentElement.scrollTop || document.body.scrollTop;
       if (!this.isSlideRead) {
         this.currentPage = Math.round(
           (scrollTop + this.windowSize.height) /
-            (this.windowSize.height - this.scrollOffset)
+          (this.windowSize.height - this.scrollOffset)
         );
       }
       if (this.isScrollRead) {
@@ -2461,7 +2354,7 @@ export default {
           // }
         } else if (
           scrollTop >
-          document.documentElement.scrollHeight - 2 * this.windowSize.height // 倒数第三页
+          document.documentElement.scrollHeight - 4 * this.windowSize.height // 倒数第三页
         ) {
           // 往下滚动到 倒数第三页
           if (!this.preCaching && this.startSavePosition) {
@@ -2587,9 +2480,9 @@ export default {
         }
         setCache(
           "bookChapterProgress@" +
-            this.$store.getters.readingBook.name +
-            "_" +
-            this.$store.getters.readingBook.author,
+          this.$store.getters.readingBook.name +
+          "_" +
+          this.$store.getters.readingBook.author,
           position
         );
       } catch (error) {
@@ -2606,9 +2499,9 @@ export default {
         }
         const lastPosition = getCache(
           "bookChapterProgress@" +
-            this.$store.getters.readingBook.name +
-            "_" +
-            this.$store.getters.readingBook.author
+          this.$store.getters.readingBook.name +
+          "_" +
+          this.$store.getters.readingBook.author
         );
         if (lastPosition && +lastPosition) {
           this.$nextTick(() => {
@@ -2959,10 +2852,10 @@ export default {
           // 段尾出现在视野里
           if (
             elePos.bottom >
-              30 +
-                20 +
-                (window.webAppDistance | 0) +
-                (this.$store.state.safeArea.top | 0) &&
+            30 +
+            20 +
+            (window.webAppDistance | 0) +
+            (this.$store.state.safeArea.top | 0) &&
             elePos.bottom < this.windowSize.height
           ) {
             paragraphList.push(list[i]);

From a0a98134fdcc8710000f9acc7ec7b63551efb925 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Tue, 18 Nov 2025 12:07:19 -0500
Subject: [PATCH 02/13] update reader

---
 web/src/views/Reader.vue | 45 +++++++++++++++++++++++++++++++---------
 1 file changed, 35 insertions(+), 10 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 3c8570d4..b7abb9db 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -241,7 +241,7 @@
       <div class="bottom-bar" ref="bottom">
         <span v-if="isSlideRead">{{
           `第${currentPage}/${totalPages}页 ${readingProgress}`
-        }}</span>
+          }}</span>
         <span v-if="isSlideRead">{{ timeStr }}</span>
         <span class="bottom-btn" v-if="show && !isSlideRead && !error && !isScrollRead"
           @click="toNextChapter()">加载下一章</span>
@@ -1266,10 +1266,9 @@ export default {
           this.computeShowChapterList(reset);
         });
       }
-      const scrollAnchor =
-        !reset && this.config.readMethod === "上下滚动"
-          ? this.captureScrollAnchor()
-          : null;
+      const scrollAnchor = !reset ? this.captureScrollAnchor() : null;
+      const shouldRestoreFromCache =
+        !reset && !scrollAnchor && this.config.readMethod === "上下滚动2";
       this.saveReadingPosition();
       // 暂停记录位置
       this.startSavePosition = false;
@@ -1282,7 +1281,7 @@ export default {
             // 切换上下章节，滚动到顶部
             this.toTop(0);
             this.startSavePosition = true;
-          } else if (this.config.readMethod === "上下滚动2") {
+          } else if (shouldRestoreFromCache) {
             this.autoShowPosition(true);
           } else {
             this.startSavePosition = true;
@@ -2308,10 +2307,36 @@ export default {
         return;
       }
       const newTop = paragraph.getBoundingClientRect().top;
-      const delta = anchor.offsetTop - newTop;
-      if (Math.abs(delta) > 1) {
+      const rawDelta = newTop - anchor.offsetTop;
+      const scrollElement =
+        document.scrollingElement ||
+        document.documentElement ||
+        document.body;
+      const currentScroll =
+        scrollElement.scrollTop ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop ||
+        0;
+      const viewportHeight =
+        (window.visualViewport && window.visualViewport.height) ||
+        window.innerHeight ||
+        this.windowSize.height ||
+        0;
+      const maxScroll = Math.max(
+        0,
+        (scrollElement.scrollHeight ||
+          document.documentElement.scrollHeight ||
+          document.body.scrollHeight ||
+          0) - viewportHeight
+      );
+      const clampedTarget = Math.max(
+        0,
+        Math.min(currentScroll + rawDelta, maxScroll)
+      );
+      const adjustment = clampedTarget - currentScroll;
+      if (Math.abs(adjustment) > 1) {
         // Keep the paragraph the user is reading at the same viewport offset.
-        this.scrollContent(delta, 0);
+        this.scrollContent(adjustment, 0);
       }
     },
     findChapterElement(node) {
@@ -2354,7 +2379,7 @@ export default {
           // }
         } else if (
           scrollTop >
-          document.documentElement.scrollHeight - 4 * this.windowSize.height // 倒数第三页
+          document.documentElement.scrollHeight - 4 * this.windowSize.height // 倒数第五页
         ) {
           // 往下滚动到 倒数第三页
           if (!this.preCaching && this.startSavePosition) {

From 9819a1fe7f01ab95f1a005e863ae5a230eaacf00 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Wed, 19 Nov 2025 05:58:52 -0500
Subject: [PATCH 03/13] update reader and content

---
 src/main/.DS_Store             | Bin 0 -> 6148 bytes
 web/src/components/Content.vue |   6 +++++-
 web/src/views/Reader.vue       |  37 +++++++++++++++++++++++++++++++--
 3 files changed, 40 insertions(+), 3 deletions(-)
 create mode 100644 src/main/.DS_Store

diff --git a/src/main/.DS_Store b/src/main/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..1acee49796adf76d4fd68eb606f2f30c9e4c4796
GIT binary patch
literal 6148
zcmeHKJ5Iwu5S<M!9MQO-KvWxX0dfIkEOP;J07x7@LNSg&p~d&1q2>adhn9*rJ0p{o
zLrR3A8EN*d=d&KawLD%Ta>Z&sCd!B?g)$C?7&Zv|S$i^23p*XJvA7*is-|A{BF*q$
z8Q{H3=$@wZOw(xpj=uP%=zMikma|1OgDpKBjoyo!kF(f6-|Ao9t-Tw^CrG6sJ<>Hj
zQ9~=tDxOCbT)w_+j#{tfB0KnekXkmZS2sUZZI6uVtKPUi6Jx*_Fa~y&0rYH^bYIX$
zW55_N208}#`{1FBxne6AJ{=gs5dfIL90YUzZR8xUm@Bq|@IaiT0wvYy5yMG3>|Wz?
z#a2+#$?4(4>7AXPP+Yh>*7qTtTrOy%F<=bD4D88e#{K{N_w#?8WLL(3F|bn%xTKtv
z1s+LzYwzK>*Lvs`l!fD3!7c@p(25but@scc1a{98V6NB-!UC}$fk1-|#=xI4@C{(b
BOpE{k

literal 0
HcmV?d00001

diff --git a/web/src/components/Content.vue b/web/src/components/Content.vue
index 46b9ea07..5e069003 100644
--- a/web/src/components/Content.vue
+++ b/web/src/components/Content.vue
@@ -208,7 +208,10 @@ export default {
           {this.showChapterList.map(chapter => {
             if (chapter.isVolume) {
               return (
-                <div class="content-body chapter-content reading-chapter volume-chapter">
+                <div
+                  key={chapter.index || chapter.title}
+                  class="content-body chapter-content reading-chapter volume-chapter"
+                >
                   <div class="volume-content">
                     <h3 data-pos={0}>{chapter.title}</h3>
                     <p class="volume-tag">{chapter.content}</p>
@@ -219,6 +222,7 @@ export default {
             let wordCount = chapter.title.length + 2; // 2为两个换行符
             return (
               <div
+                key={chapter.index}
                 class={[
                   "chapter-content",
                   this.readingBook.index === chapter.index
diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index b7abb9db..0fd66454 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -241,7 +241,7 @@
       <div class="bottom-bar" ref="bottom">
         <span v-if="isSlideRead">{{
           `第${currentPage}/${totalPages}页 ${readingProgress}`
-          }}</span>
+        }}</span>
         <span v-if="isSlideRead">{{ timeStr }}</span>
         <span class="bottom-btn" v-if="show && !isSlideRead && !error && !isScrollRead"
           @click="toNextChapter()">加载下一章</span>
@@ -1269,11 +1269,19 @@ export default {
       const scrollAnchor = !reset ? this.captureScrollAnchor() : null;
       const shouldRestoreFromCache =
         !reset && !scrollAnchor && this.config.readMethod === "上下滚动2";
+      const firstIndex = list.length ? list[0].index : this.chapterIndex;
+      const lastIndex = list.length
+        ? list[list.length - 1].index
+        : this.chapterIndex;
       this.saveReadingPosition();
       // 暂停记录位置
       this.startSavePosition = false;
       // 记录当前章节
-      this.showChapterList = list;
+      if (reset || !this.showChapterList.length) {
+        this.showChapterList = list;
+      } else {
+        this.syncChapterList(list, firstIndex, lastIndex);
+      }
       this.$nextTick(() => {
         this.restoreScrollAnchor(scrollAnchor);
         this.computePages(() => {
@@ -1289,6 +1297,31 @@ export default {
         });
       });
     },
+    syncChapterList(nextList, firstIndex, lastIndex) {
+      const nextIndexSet = new Set();
+      nextList.forEach(chapter => {
+        nextIndexSet.add(chapter.index);
+        const existingIdx = this.showChapterList.findIndex(
+          item => item.index === chapter.index
+        );
+        if (existingIdx >= 0) {
+          this.$set(this.showChapterList, existingIdx, chapter);
+        } else {
+          this.showChapterList.push(chapter);
+        }
+      });
+      for (let i = this.showChapterList.length - 1; i >= 0; i--) {
+        const chapter = this.showChapterList[i];
+        if (
+          !nextIndexSet.has(chapter.index) ||
+          typeof chapter.index === "undefined" ||
+          chapter.index < firstIndex ||
+          chapter.index > lastIndex
+        ) {
+          this.showChapterList.splice(i, 1);
+        }
+      }
+    },
     saveBookProgress() {
       return Axios.post(
         this.api + "/saveBookProgress",

From 2ed6d5968c06e867cd917f8a14666f6840142bcd Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Wed, 19 Nov 2025 06:29:08 -0500
Subject: [PATCH 04/13] undo update reader and content

---
 web/src/components/Content.vue |  6 +-----
 web/src/views/Reader.vue       | 35 +---------------------------------
 2 files changed, 2 insertions(+), 39 deletions(-)

diff --git a/web/src/components/Content.vue b/web/src/components/Content.vue
index 5e069003..46b9ea07 100644
--- a/web/src/components/Content.vue
+++ b/web/src/components/Content.vue
@@ -208,10 +208,7 @@ export default {
           {this.showChapterList.map(chapter => {
             if (chapter.isVolume) {
               return (
-                <div
-                  key={chapter.index || chapter.title}
-                  class="content-body chapter-content reading-chapter volume-chapter"
-                >
+                <div class="content-body chapter-content reading-chapter volume-chapter">
                   <div class="volume-content">
                     <h3 data-pos={0}>{chapter.title}</h3>
                     <p class="volume-tag">{chapter.content}</p>
@@ -222,7 +219,6 @@ export default {
             let wordCount = chapter.title.length + 2; // 2为两个换行符
             return (
               <div
-                key={chapter.index}
                 class={[
                   "chapter-content",
                   this.readingBook.index === chapter.index
diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 0fd66454..1f421020 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1269,19 +1269,11 @@ export default {
       const scrollAnchor = !reset ? this.captureScrollAnchor() : null;
       const shouldRestoreFromCache =
         !reset && !scrollAnchor && this.config.readMethod === "上下滚动2";
-      const firstIndex = list.length ? list[0].index : this.chapterIndex;
-      const lastIndex = list.length
-        ? list[list.length - 1].index
-        : this.chapterIndex;
       this.saveReadingPosition();
       // 暂停记录位置
       this.startSavePosition = false;
       // 记录当前章节
-      if (reset || !this.showChapterList.length) {
-        this.showChapterList = list;
-      } else {
-        this.syncChapterList(list, firstIndex, lastIndex);
-      }
+      this.showChapterList = list;
       this.$nextTick(() => {
         this.restoreScrollAnchor(scrollAnchor);
         this.computePages(() => {
@@ -1297,31 +1289,6 @@ export default {
         });
       });
     },
-    syncChapterList(nextList, firstIndex, lastIndex) {
-      const nextIndexSet = new Set();
-      nextList.forEach(chapter => {
-        nextIndexSet.add(chapter.index);
-        const existingIdx = this.showChapterList.findIndex(
-          item => item.index === chapter.index
-        );
-        if (existingIdx >= 0) {
-          this.$set(this.showChapterList, existingIdx, chapter);
-        } else {
-          this.showChapterList.push(chapter);
-        }
-      });
-      for (let i = this.showChapterList.length - 1; i >= 0; i--) {
-        const chapter = this.showChapterList[i];
-        if (
-          !nextIndexSet.has(chapter.index) ||
-          typeof chapter.index === "undefined" ||
-          chapter.index < firstIndex ||
-          chapter.index > lastIndex
-        ) {
-          this.showChapterList.splice(i, 1);
-        }
-      }
-    },
     saveBookProgress() {
       return Axios.post(
         this.api + "/saveBookProgress",

From a25dd3152cab3e3456dc3a6798ea5a95ae3e5259 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Wed, 19 Nov 2025 06:44:51 -0500
Subject: [PATCH 05/13] =?UTF-8?q?=E9=9A=90=E8=97=8F=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=9A=84?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/Reader.vue | 48 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 1f421020..b32394df 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -241,7 +241,7 @@
       <div class="bottom-bar" ref="bottom">
         <span v-if="isSlideRead">{{
           `第${currentPage}/${totalPages}页 ${readingProgress}`
-        }}</span>
+          }}</span>
         <span v-if="isSlideRead">{{ timeStr }}</span>
         <span class="bottom-btn" v-if="show && !isSlideRead && !error && !isScrollRead"
           @click="toNextChapter()">加载下一章</span>
@@ -331,6 +331,7 @@ export default {
       });
       this.getContent(bookmark.chapterIndex);
     });
+    this.syncMobileScrollbar();
   },
   activated() {
     this.init();
@@ -367,6 +368,7 @@ export default {
       //
     }
     this.$Lazyload.$on("loaded", this.lazyloadHandler);
+    this.syncMobileScrollbar();
   },
   deactivated() {
     this.saveBookProgress();
@@ -378,6 +380,10 @@ export default {
     this.unwatchFn && this.unwatchFn();
     this.releaseWakeLockFn && this.releaseWakeLockFn();
     this.$Lazyload.$off("loaded", this.lazyloadHandler);
+    this.setMobileScrollbarHidden(false);
+  },
+  beforeDestroy() {
+    this.setMobileScrollbarHidden(false);
   },
   watch: {
     chapterName(to) {
@@ -429,6 +435,7 @@ export default {
         this.scrollStartChapterIndex = this.chapterIndex;
         this.computeShowChapterList();
       }
+      this.syncMobileScrollbar();
     },
     windowSize() {
       // 在移动端滚动模式下，地址栏显示/隐藏会导致 innerHeight 变化
@@ -496,6 +503,9 @@ export default {
       this.title = this.filterContent(this.title);
       this.content = this.filterContent(this.content);
       this.computeShowChapterList();
+    },
+    isMiniInterface() {
+      this.syncMobileScrollbar();
     }
   },
   data() {
@@ -558,6 +568,9 @@ export default {
     windowSize() {
       return this.$store.state.windowSize;
     },
+    isMiniInterface() {
+      return this.$store.state.miniInterface;
+    },
     config() {
       return this.$store.getters.config;
     },
@@ -2379,7 +2392,7 @@ export default {
           // }
         } else if (
           scrollTop >
-          document.documentElement.scrollHeight - 4 * this.windowSize.height // 倒数第五页
+          document.documentElement.scrollHeight - 4 * this.windowSize.height // 倒数第四页
         ) {
           // 往下滚动到 倒数第三页
           if (!this.preCaching && this.startSavePosition) {
@@ -2982,6 +2995,25 @@ export default {
         return;
       }
       this.showContentMatchParagraph(bookmark.bookText);
+    },
+    setMobileScrollbarHidden(hidden) {
+      if (typeof document === "undefined") {
+        return;
+      }
+      const className = "mobile-scroll-hidden";
+      [document.documentElement, document.body].forEach(el => {
+        if (!el) {
+          return;
+        }
+        if (hidden) {
+          el.classList.add(className);
+        } else {
+          el.classList.remove(className);
+        }
+      });
+    },
+    syncMobileScrollbar() {
+      this.setMobileScrollbarHidden(this.isScrollRead && this.isMiniInterface);
     }
   }
 };
@@ -3698,6 +3730,18 @@ export default {
     box-shadow: none;
   }
 }
+body.mobile-scroll-hidden,
+html.mobile-scroll-hidden {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+body.mobile-scroll-hidden::-webkit-scrollbar,
+html.mobile-scroll-hidden::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
 .night-theme {
   .voice-list {
     .el-radio-button {

From 471b663d8904e0de8ed225893ae0bed3bb060fff Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Wed, 19 Nov 2025 07:15:50 -0500
Subject: [PATCH 06/13] update reader

---
 web/src/views/Reader.vue | 72 +++++++++++++++++-----------------------
 1 file changed, 31 insertions(+), 41 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index b32394df..50162ef4 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -331,7 +331,6 @@ export default {
       });
       this.getContent(bookmark.chapterIndex);
     });
-    this.syncMobileScrollbar();
   },
   activated() {
     this.init();
@@ -368,7 +367,7 @@ export default {
       //
     }
     this.$Lazyload.$on("loaded", this.lazyloadHandler);
-    this.syncMobileScrollbar();
+    this.setMobileScrollBarHidden(this.shouldHideMobileScrollBar);
   },
   deactivated() {
     this.saveBookProgress();
@@ -380,10 +379,10 @@ export default {
     this.unwatchFn && this.unwatchFn();
     this.releaseWakeLockFn && this.releaseWakeLockFn();
     this.$Lazyload.$off("loaded", this.lazyloadHandler);
-    this.setMobileScrollbarHidden(false);
+    this.setMobileScrollBarHidden(false);
   },
   beforeDestroy() {
-    this.setMobileScrollbarHidden(false);
+    this.setMobileScrollBarHidden(false);
   },
   watch: {
     chapterName(to) {
@@ -435,7 +434,6 @@ export default {
         this.scrollStartChapterIndex = this.chapterIndex;
         this.computeShowChapterList();
       }
-      this.syncMobileScrollbar();
     },
     windowSize() {
       // 在移动端滚动模式下，地址栏显示/隐藏会导致 innerHeight 变化
@@ -504,8 +502,8 @@ export default {
       this.content = this.filterContent(this.content);
       this.computeShowChapterList();
     },
-    isMiniInterface() {
-      this.syncMobileScrollbar();
+    shouldHideMobileScrollBar(val) {
+      this.setMobileScrollBarHidden(val);
     }
   },
   data() {
@@ -568,9 +566,6 @@ export default {
     windowSize() {
       return this.$store.state.windowSize;
     },
-    isMiniInterface() {
-      return this.$store.state.miniInterface;
-    },
     config() {
       return this.$store.getters.config;
     },
@@ -606,6 +601,9 @@ export default {
           this.config.readMethod === "上下滚动2")
       );
     },
+    shouldHideMobileScrollBar() {
+      return this.isScrollRead && this.$store.state.miniInterface;
+    },
     chapterClass() {
       return this.isSlideRead
         ? "slide-reader"
@@ -2638,6 +2636,20 @@ export default {
         this.computePages();
       }
     },
+    setMobileScrollBarHidden(hidden) {
+      if (typeof document === "undefined") {
+        return;
+      }
+      const body = document.body;
+      if (!body) {
+        return;
+      }
+      if (hidden) {
+        body.classList.add("mobile-scroll-read");
+      } else {
+        body.classList.remove("mobile-scroll-read");
+      }
+    },
     showCacheContent() {
       this.showCacheContentZone = !this.showCacheContentZone;
     },
@@ -2995,25 +3007,6 @@ export default {
         return;
       }
       this.showContentMatchParagraph(bookmark.bookText);
-    },
-    setMobileScrollbarHidden(hidden) {
-      if (typeof document === "undefined") {
-        return;
-      }
-      const className = "mobile-scroll-hidden";
-      [document.documentElement, document.body].forEach(el => {
-        if (!el) {
-          return;
-        }
-        if (hidden) {
-          el.classList.add(className);
-        } else {
-          el.classList.remove(className);
-        }
-      });
-    },
-    syncMobileScrollbar() {
-      this.setMobileScrollbarHidden(this.isScrollRead && this.isMiniInterface);
     }
   }
 };
@@ -3723,6 +3716,15 @@ export default {
 }
 </style>
 <style lang="stylus">
+body.mobile-scroll-read
+  -ms-overflow-style none
+  scrollbar-width none
+
+body.mobile-scroll-read::-webkit-scrollbar
+  width 0 !important
+  height 0 !important
+  display none
+
 .voice-list {
   .el-radio-button__inner {
     border-radius: 4px !important;
@@ -3730,18 +3732,6 @@ export default {
     box-shadow: none;
   }
 }
-body.mobile-scroll-hidden,
-html.mobile-scroll-hidden {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
-body.mobile-scroll-hidden::-webkit-scrollbar,
-html.mobile-scroll-hidden::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  display: none;
-}
 .night-theme {
   .voice-list {
     .el-radio-button {

From 36ff5840953e1503a1172da6edf5492a44717938 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sat, 22 Nov 2025 15:40:29 -0500
Subject: [PATCH 07/13] update reader

---
 web/src/components/Content.vue |  3 ++-
 web/src/views/Reader.vue       | 20 +++++++++++++++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/web/src/components/Content.vue b/web/src/components/Content.vue
index 46b9ea07..33531647 100644
--- a/web/src/components/Content.vue
+++ b/web/src/components/Content.vue
@@ -208,7 +208,7 @@ export default {
           {this.showChapterList.map(chapter => {
             if (chapter.isVolume) {
               return (
-                <div class="content-body chapter-content reading-chapter volume-chapter">
+                <div key={chapter.index} class="content-body chapter-content reading-chapter volume-chapter">
                   <div class="volume-content">
                     <h3 data-pos={0}>{chapter.title}</h3>
                     <p class="volume-tag">{chapter.content}</p>
@@ -219,6 +219,7 @@ export default {
             let wordCount = chapter.title.length + 2; // 2为两个换行符
             return (
               <div
+                key={chapter.index}
                 class={[
                   "chapter-content",
                   this.readingBook.index === chapter.index
diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 50162ef4..40666aff 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1251,7 +1251,10 @@ export default {
         return Promise.resolve();
       }
       const list = [];
-      let startIndex = this.scrollStartChapterIndex || this.chapterIndex;
+      let startIndex = this.scrollStartChapterIndex;
+      if (typeof startIndex !== "number") {
+        startIndex = this.chapterIndex;
+      }
       if (this.config.readMethod === "上下滚动2") {
         startIndex = this.chapterIndex - this.showPrevChapterSize;
       }
@@ -1277,9 +1280,20 @@ export default {
           this.computeShowChapterList(reset);
         });
       }
-      const scrollAnchor = !reset ? this.captureScrollAnchor() : null;
+      let needRestore = true;
+      if (
+        this.showChapterList.length &&
+        list.length &&
+        this.showChapterList[0].index === list[0].index
+      ) {
+        needRestore = false;
+      }
+      const scrollAnchor = !reset && needRestore ? this.captureScrollAnchor() : null;
       const shouldRestoreFromCache =
-        !reset && !scrollAnchor && this.config.readMethod === "上下滚动2";
+        !reset &&
+        needRestore &&
+        !scrollAnchor &&
+        this.config.readMethod === "上下滚动2";
       this.saveReadingPosition();
       // 暂停记录位置
       this.startSavePosition = false;

From 0c89843f5295f4de9062d360ec1eda1642db998b Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sun, 23 Nov 2025 05:58:20 -0500
Subject: [PATCH 08/13] update reader

---
 web/src/views/Reader.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 40666aff..1953b5fc 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1314,12 +1314,12 @@ export default {
         });
       });
     },
-    saveBookProgress() {
+    saveBookProgress(index) {
       return Axios.post(
         this.api + "/saveBookProgress",
         {
           url: this.$store.getters.readingBook.bookUrl,
-          index: this.chapterIndex
+          index: index !== undefined ? index : this.chapterIndex
         },
         {
           silent: true
@@ -2516,7 +2516,7 @@ export default {
                   book.index = chapterIndex;
                   this.$store.commit("setReadingBook", book);
                   // 保存阅读进度
-                  this.saveBookProgress();
+              this.saveBookProgress(chapterIndex);
                   this.title = this.$store.getters.readingBook.catalog[
                     chapterIndex
                   ].title;

From 083b0ecdab32229d607e917524105eef6c13c240 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sun, 23 Nov 2025 06:25:53 -0500
Subject: [PATCH 09/13] update reader

---
 web/src/views/Reader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 1953b5fc..4d14bc5a 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1080,7 +1080,7 @@ export default {
             this.loading.close();
           }
           if (this.isScrollRead) {
-            this.computeShowChapterList();
+            this.computeShowChapterList(true);
           }
         },
         error => {
@@ -1107,7 +1107,7 @@ export default {
             "获取章节内容失败 " + (error && error.toString())
           );
           if (this.isScrollRead) {
-            this.computeShowChapterList();
+            this.computeShowChapterList(true);
           }
           throw error;
         }

From 35bbfab8523a9b3c69f42e5bc4a3e2349284f759 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sun, 23 Nov 2025 06:46:37 -0500
Subject: [PATCH 10/13] update reader

---
 web/src/views/Reader.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 4d14bc5a..08ce86c4 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -1038,6 +1038,9 @@ export default {
       let chapterIndex = this.$store.getters.readingBook.catalog[index].index;
       this.title = chapterName;
       const now = new Date().getTime();
+      if (this.isScrollRead) {
+        this.scrollStartChapterIndex = chapterIndex;
+      }
       this.getBookContent(chapterIndex, {}, refresh).then(
         res => {
           if (

From c4b720f0c9cc459222f448e61024cdb45c8aa1e3 Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sun, 23 Nov 2025 07:07:31 -0500
Subject: [PATCH 11/13] update reader

---
 web/src/views/Reader.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/views/Reader.vue b/web/src/views/Reader.vue
index 08ce86c4..3e6b9929 100644
--- a/web/src/views/Reader.vue
+++ b/web/src/views/Reader.vue
@@ -2658,13 +2658,16 @@ export default {
         return;
       }
       const body = document.body;
-      if (!body) {
+      const html = document.documentElement;
+      if (!body || !html) {
         return;
       }
       if (hidden) {
         body.classList.add("mobile-scroll-read");
+        html.classList.add("mobile-scroll-read");
       } else {
         body.classList.remove("mobile-scroll-read");
+        html.classList.remove("mobile-scroll-read");
       }
     },
     showCacheContent() {
@@ -3733,11 +3736,13 @@ export default {
 }
 </style>
 <style lang="stylus">
-body.mobile-scroll-read
+body.mobile-scroll-read,
+html.mobile-scroll-read
   -ms-overflow-style none
   scrollbar-width none
 
-body.mobile-scroll-read::-webkit-scrollbar
+body.mobile-scroll-read::-webkit-scrollbar,
+html.mobile-scroll-read::-webkit-scrollbar
   width 0 !important
   height 0 !important
   display none

From b1de272c5f43421eb05e86c52cb56d2c41250a7a Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Sun, 23 Nov 2025 07:30:03 -0500
Subject: [PATCH 12/13] =?UTF-8?q?update=20bookinfo,=20solve=20=E8=BF=BD?=
 =?UTF-8?q?=E8=AF=BB=E6=8C=89=E9=92=AE=E5=8F=AF=E8=83=BD=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E7=9A=84=20=E2=80=98=E4=B9=A6=E7=B1=8D=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E4=B8=8D=E8=83=BD=E4=B8=BA=E7=A9=BA=E2=80=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/BookInfo.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/BookInfo.vue b/web/src/components/BookInfo.vue
index b668ef8e..5d628446 100644
--- a/web/src/components/BookInfo.vue
+++ b/web/src/components/BookInfo.vue
@@ -56,7 +56,7 @@
               inactive-color="#ff4949"
               :active-value="true"
               :inactive-value="false"
-              @change="toggleBookCanUpdate(book)"
+              @change="toggleBookCanUpdate(showBookInfo)"
             >
             </el-switch>
           </span>

From 0556c7b01410e84d67d25c9bc2539345a5b4b00f Mon Sep 17 00:00:00 2001
From: Ding-Kyoma <yiding.w@qq.com>
Date: Mon, 24 Nov 2025 05:49:01 -0500
Subject: [PATCH 13/13] =?UTF-8?q?=E7=A1=AE=E4=BF=9D=E7=A7=BB=E5=8A=A8web?=
 =?UTF-8?q?=E7=AB=AF=E6=B7=BB=E5=8A=A0=E5=88=B0=E4=B8=BB=E5=B1=8F=E5=B9=95?=
 =?UTF-8?q?=E5=90=8E=E6=96=B9=E5=90=91=E9=94=81=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/public/index.html    |  1 +
 web/public/manifest.json | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 web/public/manifest.json

diff --git a/web/public/index.html b/web/public/index.html
index 9807833d..87bf3581 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -20,6 +20,7 @@
     <meta name="x5-page-mode" content="app">
     <meta name="msapplication-tap-highlight" content="no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link rel="manifest" href="<%= BASE_URL %>manifest.json" />
     <title>阅读</title>
     <script>
       // 通用加载脚本方法
diff --git a/web/public/manifest.json b/web/public/manifest.json
new file mode 100644
index 00000000..59866dcd
--- /dev/null
+++ b/web/public/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "阅读",
+  "short_name": "阅读",
+  "icons": [
+    {
+      "src": "./favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "orientation": "portrait"
+}