Merge pull request #28 from rohits-web03/feat/snap-scroll

[FEAT]: Snap-Scrolling on the ISRO-web homepage
dakshsinghrathore · Oct 8, 2023 · 27bf110 · 27bf110
2 parents 5077a52 + 8af9793
commit 27bf110
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/CSS/style.css b/CSS/style.css
@@ -6,6 +6,11 @@
   padding: 0;
   box-sizing: border-box;
 }
+
+html{
+  scroll-snap-type: y mandatory;
+}
+
 body {
   background: #000;
   color: #fff;
@@ -94,6 +99,8 @@ section {
   background-repeat: no-repeat;
   background-size: cover;
   text-transform: uppercase;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
   /* object-fit: cover; */
 }
 
@@ -275,6 +282,8 @@ section {
 footer {
   position: relative;
   padding: 55px 0;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
 }
 
 footer ul {