@mixd-id/web-scaffold 0.1.230406191 → 0.1.230406192

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406191",
+  "version": "0.1.230406192",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Carousel.vue

@@ -249,17 +249,15 @@ export default{
 
     disableBodyScroll(){
       this.scrollPosition = window.pageYOffset || document.documentElement.offsetTop
-      document.body.style.overflow = 'hidden';
-      document.body.style.position = 'fixed';
+      document.body.classList.add(this.$style.htmlNoScroll)
+      document.body.classList.add(this.$style.bodyNoScroll)
       document.body.style.top = `-${this.scrollPosition}px`;
-      document.body.style.width = '100%';
     },
 
     enableBodyScroll(){
-      document.body.style.removeProperty('overflow');
-      document.body.style.removeProperty('position');
       document.body.style.removeProperty('top');
-      document.body.style.removeProperty('width');
+      document.body.classList.remove(this.$style.bodyNoScroll)
+      document.body.classList.remove(this.$style.htmlNoScroll)
       window.scrollTo(0, this.scrollPosition);
     },
 
@@ -318,11 +316,6 @@ export default{
 	overflow: hidden;
 	position: relative;
 	background-image: v-bind(bgImages[0]);
-  /*touch-action: none;*/
-}
-
-.comp.noTouchAction{
-  /*touch-action: none;*/
 }
 
 .comp img{
@@ -365,7 +358,21 @@ export default{
 	@apply bg-primary-500;
 }
 
+.htmlNoScroll{
+  min-height: 100.3%;
+  overscroll-behavior-y: none;
+  height: 100%;
+  overflow: hidden;
+}
 .bodyNoScroll{
+  overscroll-behavior: none;
+  overscroll-behavior-y: none;
+  overflow: hidden;
+  position: fixed;
+  width: 100%;
+  margin: 0;
+  max-height: 100%;
+  -webkit-overflow-scrolling: touch;
 }
 
 @media screen(md){