From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 11 Aug 2025 17:06:29 +0000 (+0200)
Subject: wip #7489 @5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9c90ddc9ea274a67fc7811e78786387e3e932a87;p=fluidbook-html5.git

wip #7489 @5
---

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