make scrolling slower

axherrm · Dec 2, 2023 · 456fa46 · 456fa46
1 parent 854e6ba
commit 456fa46
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -62,7 +62,7 @@
   font-size: 2vh;
   line-height: var(--row-height);
   float: left;
-  width: 13vw;
+  width: 14vw;
   margin: 0;
 }
 .capitalize::first-letter {

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -35,9 +35,9 @@ export class AppComponent {
   scroll2ScaleUp(): void {
     const timeline: gsap.core.Timeline = gsap.timeline({
       scrollTrigger: {
-        start: 500,
+        start: 1200,
         trigger: this.backgroundDiv.nativeElement,
-        end: "+=500",
+        end: "+=600",
         // markers: true, // TODO remove
         scrub: true,
         pin: this.general.nativeElement
@@ -54,7 +54,7 @@ export class AppComponent {
       scrollTrigger: {
         start: 0,
         trigger: this.backgroundDiv.nativeElement,
-        end: "+=500",
+        end: "+=1200",
         // markers: true, // TODO remove
         scrub: true,
         pin: this.general.nativeElement