Scroll to start of page on page change

Resets the scroll position for single/double page mode to the start of the opened page on a page change.

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

@@ -37,6 +37,7 @@ import {
     createPagesData,
     getDoublePageModePages,
     getScrollIntoViewInlineOption,
+    getScrollToXForReadingDirection,
     isSpreadPage,
 } from '@/modules/reader/utils/ReaderPager.utils.tsx';
 import { useReaderScrollbarContext } from '@/modules/reader/contexts/ReaderScrollbarContext.tsx';
@@ -227,6 +228,13 @@ const BaseReaderViewer = forwardRef(
                 });
             }
 
+            if (!isContinuousReadingModeActive) {
+                scrollElementRef.current?.scrollTo(
+                    getScrollToXForReadingDirection(scrollElementRef.current, themeDirection, readingDirection),
+                    0,
+                );
+            }
+
             const newPageIndex = getNextIndexFromPage(pageToScrollTo);
             const isLastPage = newPageIndex === totalPages - 1;
 

src/modules/reader/utils/ReaderPager.utils.tsx

@@ -507,3 +507,17 @@ export const getScrollIntoViewInlineOption = (
 
     return getOptionForDirection('end', 'start', themeDirectionForReadingDirection);
 };
+
+export const getScrollToXForReadingDirection = (
+    element: HTMLElement,
+    themeDirection: Direction,
+    readingDirection: ReadingDirection,
+): number => {
+    const themeDirectionForReadingDirection = READING_DIRECTION_TO_THEME_DIRECTION[readingDirection];
+
+    if (themeDirection === 'ltr') {
+        return getOptionForDirection(0, element.scrollWidth, themeDirectionForReadingDirection);
+    }
+
+    return getOptionForDirection(-element.scrollWidth, 0, themeDirectionForReadingDirection);
+};