Add option to disable "infinite chapter scroll"

src/modules/reader/components/settings/behaviour/ReaderBehaviourSettings.tsx

@@ -54,6 +54,18 @@ export const ReaderBehaviourSettings = ({
                     onChange={(_, checked) => updateSetting('shouldOffsetDoubleSpreads', checked)}
                 />
             )}
+            <CheckboxInput
+                label={
+                    <Box>
+                        <Typography>{t('reader.settings.infinite_scroll.title')}</Typography>
+                        <Typography variant="body2" color="textDisabled">
+                            {t('reader.settings.infinite_scroll.description')}
+                        </Typography>
+                    </Box>
+                }
+                checked={settings.shouldUseInfiniteScroll}
+                onChange={(_, checked) => updateSetting('shouldUseInfiniteScroll', checked)}
+            />
             <CheckboxInput
                 label={
                     <Box>

src/modules/reader/components/viewer/ReaderChapterViewer.tsx

@@ -64,6 +64,7 @@ const BaseReaderChapterViewer = ({
     pageScaleMode,
     shouldOffsetDoubleSpreads,
     readingDirection,
+    shouldUseInfiniteScroll,
     imagePreLoadAmount,
     pageGap,
     chapterId,
@@ -107,7 +108,12 @@ const BaseReaderChapterViewer = ({
     Omit<ReaderPagerProps, 'pages' | 'totalPages' | 'pageLoadStates' | 'handleAsInitialRender' | 'resumeMode'> &
     Pick<
         IReaderSettings,
-        'readingMode' | 'shouldOffsetDoubleSpreads' | 'readingDirection' | 'readerWidth' | 'pageScaleMode'
+        | 'readingMode'
+        | 'shouldOffsetDoubleSpreads'
+        | 'readingDirection'
+        | 'readerWidth'
+        | 'pageScaleMode'
+        | 'shouldUseInfiniteScroll'
     > &
     Pick<ReaderStateChapters, 'setReaderStateChapters'> & {
         updateCurrentPageIndex: ReturnType<typeof ReaderControls.useUpdateCurrentPageIndex>;
@@ -412,6 +418,7 @@ const BaseReaderChapterViewer = ({
                 <ReaderInfiniteScrollUpdateChapter
                     readingMode={readingMode}
                     readingDirection={readingDirection}
+                    shouldUseInfiniteScroll={shouldUseInfiniteScroll}
                     chapterId={chapterId}
                     previousChapterId={previousChapterId}
                     nextChapterId={nextChapterId}

src/modules/reader/components/viewer/ReaderInfiniteScrollUpdateChapter.tsx

@@ -9,13 +9,14 @@
 import { memo } from 'react';
 import { withPropsFrom } from '@/modules/core/hoc/withPropsFrom.tsx';
 import { useReaderInfiniteScrollUpdateChapter } from '@/modules/reader/hooks/useReaderInfiniteScrollUpdateChapter.ts';
-import { ReadingDirection, ReadingMode, TReaderScrollbarContext } from '@/modules/reader/types/Reader.types.ts';
+import { IReaderSettings, TReaderScrollbarContext } from '@/modules/reader/types/Reader.types.ts';
 import { ReaderControls } from '@/modules/reader/services/ReaderControls.ts';
 import { ChapterIdInfo } from '@/modules/chapter/services/Chapters.ts';
 
 const BaseReaderInfiniteScrollUpdateChapter = ({
     readingMode,
     readingDirection,
+    shouldUseInfiniteScroll,
     chapterId,
     previousChapterId,
     nextChapterId,
@@ -27,19 +28,18 @@ const BaseReaderInfiniteScrollUpdateChapter = ({
     scrollbarXSize,
     scrollbarYSize,
     scrollElement,
-}: Pick<TReaderScrollbarContext, 'scrollbarXSize' | 'scrollbarYSize'> & {
-    readingMode: ReadingMode;
-    readingDirection: ReadingDirection;
-    chapterId: ChapterIdInfo['id'];
-    previousChapterId?: ChapterIdInfo['id'];
-    nextChapterId?: ChapterIdInfo['id'];
-    isPreviousChapterVisible: boolean;
-    isCurrentChapter: boolean;
-    isNextChapterVisible: boolean;
-    imageWrapper: HTMLElement | null;
-    openChapter: ReturnType<typeof ReaderControls.useOpenChapter>;
-    scrollElement: HTMLElement | null;
-}) => {
+}: Pick<TReaderScrollbarContext, 'scrollbarXSize' | 'scrollbarYSize'> &
+    Pick<IReaderSettings, 'readingMode' | 'readingDirection' | 'shouldUseInfiniteScroll'> & {
+        chapterId: ChapterIdInfo['id'];
+        previousChapterId?: ChapterIdInfo['id'];
+        nextChapterId?: ChapterIdInfo['id'];
+        isPreviousChapterVisible: boolean;
+        isCurrentChapter: boolean;
+        isNextChapterVisible: boolean;
+        imageWrapper: HTMLElement | null;
+        openChapter: ReturnType<typeof ReaderControls.useOpenChapter>;
+        scrollElement: HTMLElement | null;
+    }) => {
     useReaderInfiniteScrollUpdateChapter(
         'first',
         chapterId,
@@ -48,6 +48,7 @@ const BaseReaderInfiniteScrollUpdateChapter = ({
         isPreviousChapterVisible,
         readingMode,
         readingDirection,
+        shouldUseInfiniteScroll,
         openChapter,
         imageWrapper,
         scrollbarXSize,
@@ -62,6 +63,7 @@ const BaseReaderInfiniteScrollUpdateChapter = ({
         isNextChapterVisible,
         readingMode,
         readingDirection,
+        shouldUseInfiniteScroll,
         openChapter,
         imageWrapper,
         scrollbarXSize,

src/modules/reader/components/viewer/ReaderViewer.tsx

@@ -94,6 +94,7 @@ const BaseReaderViewer = forwardRef(
             setTransitionPageMode,
             readingMode,
             readingDirection,
+            shouldUseInfiniteScroll,
             readerWidth,
             pageScaleMode,
             shouldOffsetDoubleSpreads,
@@ -134,6 +135,7 @@ const BaseReaderViewer = forwardRef(
                 IReaderSettings,
                 | 'readingMode'
                 | 'readingDirection'
+                | 'shouldUseInfiniteScroll'
                 | 'readerWidth'
                 | 'pageScaleMode'
                 | 'shouldOffsetDoubleSpreads'
@@ -408,6 +410,7 @@ const BaseReaderViewer = forwardRef(
                             pageScaleMode={pageScaleMode}
                             shouldOffsetDoubleSpreads={shouldOffsetDoubleSpreads}
                             readingDirection={readingDirection}
+                            shouldUseInfiniteScroll={shouldUseInfiniteScroll}
                             updateCurrentPageIndex={isCurrentChapter ? updateCurrentPageIndex : noOp}
                             scrollIntoView={isCurrentChapter && visibleChapters.scrollIntoView}
                             resumeMode={getReaderChapterViewResumeMode(
@@ -465,6 +468,7 @@ export const ReaderViewer = withPropsFrom(
         'setTransitionPageMode',
         'readingMode',
         'readingDirection',
+        'shouldUseInfiniteScroll',
         'readerWidth',
         'pageScaleMode',
         'shouldOffsetDoubleSpreads',