From 7705ddc516d43f8c64ed959100639f60c5c05984 Mon Sep 17 00:00:00 2001 From: Dushyant Kumar <47473589+Dushyant1295@users.noreply.github.com> Date: Tue, 2 Nov 2021 20:49:20 +0530 Subject: [PATCH 1/3] Update _base.scss Fixing issues #361 #353 Elements disappearing when scroll back to the top --- src/styles/_base.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/styles/_base.scss b/src/styles/_base.scss index 76a3d7d1..2f1d6def 100644 --- a/src/styles/_base.scss +++ b/src/styles/_base.scss @@ -1,6 +1,11 @@ html { &.has-scroll-smooth { overflow: hidden; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; } &.has-scroll-dragging { From 09a9a1147055027e92d699f1e0099e025f0b4103 Mon Sep 17 00:00:00 2001 From: Dushyant Kumar <47473589+Dushyant1295@users.noreply.github.com> Date: Tue, 2 Nov 2021 20:50:21 +0530 Subject: [PATCH 2/3] Update locomotive-scroll.css Fixing issues #361 #353 Elements disappearing when scroll back to the top --- dist/locomotive-scroll.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/dist/locomotive-scroll.css b/dist/locomotive-scroll.css index a2c81ae8..6de260e5 100644 --- a/dist/locomotive-scroll.css +++ b/dist/locomotive-scroll.css @@ -1,6 +1,11 @@ /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ html.has-scroll-smooth { - overflow: hidden; } + overflow: hidden; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; } html.has-scroll-dragging { -webkit-user-select: none; From 52ab7da9a127d48abb1f70b0447d9339125d03f2 Mon Sep 17 00:00:00 2001 From: Dushyant Kumar <47473589+Dushyant1295@users.noreply.github.com> Date: Tue, 2 Nov 2021 20:51:36 +0530 Subject: [PATCH 3/3] Update locomotive-scroll.min.css Fixing issues #361 #353 Elements disappearing when scroll back to the top --- dist/locomotive-scroll.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dist/locomotive-scroll.min.css b/dist/locomotive-scroll.min.css index f6cc7efb..d648b662 100644 --- a/dist/locomotive-scroll.min.css +++ b/dist/locomotive-scroll.min.css @@ -1 +1 @@ -/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto} \ No newline at end of file +/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0;}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}