diff --git a/src/components/reader/ReaderViewer.tsx b/src/components/reader/ReaderViewer.tsx
index 44d568e93..e06d97e35 100644
--- a/src/components/reader/ReaderViewer.tsx
+++ b/src/components/reader/ReaderViewer.tsx
@@ -265,6 +265,21 @@ const ReaderViewer: React.FC<Props> = (props: Props) => {
           ${hideScrollbar ? styles.noScrollbar : ''}`}
         style={{ ['--USER-MAX-PAGE-WIDTH' as string]: `${maxPageWidth}%` }}
         onClick={(e) => viewerContainerClickHandler(e)}
+        onWheel={ event => {
+          if(event.nativeEvent.wheelDelta > 10){
+            if(readingDirection === ReadingDirection.RightToLeft){
+              props.changePage(false);
+            } else {
+              props.changePage(true);
+            }
+          } else if(event.nativeEvent.wheelDelta < -10){
+            if(readingDirection === ReadingDirection.RightToLeft){
+              props.changePage(true);
+            } else {
+              props.changePage(false);
+            }
+          }
+        }}
       >
         {pageStyle === PageStyle.LongStrip ? getSeparatePageContainers() : getSinglePageContainer()}
       </div>