Fixed issue with too sensitive scroll wheels #62

Yqnn · Mar 5, 2022 · 02136b0 · 02136b0
1 parent 3bdf1ac
commit 02136b0
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/canvas/canvas.component.ts b/src/app/canvas/canvas.component.ts
@@ -111,12 +111,13 @@ export class CanvasComponent implements OnInit, OnChanges, AfterViewInit {
   }
 
   ngOnInit(): void {
+    const cap = (val:number, max:number) => val > max ? max : val < -max ? -max : val;
     const throttler = throttleTime(20, undefined, {leading: false, trailing: true});
     this.wheel$
       .pipe( buffer(this.wheel$.pipe(throttler)) )
       .pipe( map(ev => ({
           event: ev[0],
-          deltaY: ev.reduce((acc, cur) => acc + cur.deltaY, 0)
+          deltaY: ev.reduce((acc, cur) => acc + cap(cur.deltaY, 50), 0)
       })))
       .subscribe(this.mousewheel.bind(this));
   }