From 9c90ddc9ea274a67fc7811e78786387e3e932a87 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 11 Aug 2025 19:06:29 +0200
Subject: [PATCH] wip #7489 @5

---
 js/libs/fluidbook/fluidbook.elasticslide.js |  3 +--
 style/elasticslide.less                     | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.elasticslide.js b/js/libs/fluidbook/fluidbook.elasticslide.js
index 18b6c46f..be8228be 100644
--- a/js/libs/fluidbook/fluidbook.elasticslide.js
+++ b/js/libs/fluidbook/fluidbook.elasticslide.js
@@ -59,8 +59,7 @@ FluidbookElasticSlide.prototype = {
 
         let w = parseFloat($("#fluidbook").css('width'));
         let h = w / this.fluidbook.pageRatio;
-        $("#elasticpages .scrollholder").css('height', h * this.fluidbook.settings.pages);
-        $("#elasticpages .page").css({height: h});
+        $("#elasticpages .page,#elasticpages .scrollholder").css({height: h});
     },
 
 };
\ No newline at end of file
diff --git a/style/elasticslide.less b/style/elasticslide.less
index 088cb096..bc76a3f5 100644
--- a/style/elasticslide.less
+++ b/style/elasticslide.less
@@ -1,15 +1,27 @@
 #elasticpages {
   height: 100%;
   width: 100%;
-  overflow: scroll;
+
 
   .scrollholder {
     position: relative;
     width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    scroll-snap-type: y mandatory;
+    scroll-snap-stop: always;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
 
     .page {
       display: block;
       position: relative;
+      scroll-snap-align: center;
     }
   }
 }
\ No newline at end of file
-- 
2.39.5