diff options
| author | bobzel <zzzman@gmail.com> | 2022-03-24 11:34:59 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2022-03-24 11:34:59 -0400 |
| commit | b07c60b4314bb453c926beac86fb21477faa7793 (patch) | |
| tree | 62643ca3f481fa65e600d539959d4f58e4c765ea /src/Utils.ts | |
| parent | af37e51657913a4f1cc1536f7d7ad9f991d4dc32 (diff) | |
| parent | c534619229b0f1b7d1ef5606d76f6e4829743379 (diff) | |
Merge branch 'master' into speedups2
Diffstat (limited to 'src/Utils.ts')
| -rw-r--r-- | src/Utils.ts | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/Utils.ts b/src/Utils.ts index d0d891f77..b280badd7 100644 --- a/src/Utils.ts +++ b/src/Utils.ts @@ -514,6 +514,26 @@ export function smoothScroll(duration: number, element: HTMLElement | HTMLElemen }; animateScroll(); } + +export function smoothScrollHorizontal(duration: number, element: HTMLElement | HTMLElement[], to: number) { + const elements = (element instanceof HTMLElement ? [element] : element); + const starts = elements.map(element => element.scrollLeft); + const startDate = new Date().getTime(); + + const animateScroll = () => { + const currentDate = new Date().getTime(); + const currentTime = currentDate - startDate; + elements.map((element, i) => element.scrollLeft = easeInOutQuad(currentTime, starts[i], to - starts[i], duration)); + + if (currentTime < duration) { + requestAnimationFrame(animateScroll); + } else { + elements.forEach(element => element.scrollLeft = to); + } + }; + animateScroll(); +} + export function addStyleSheet(styleType: string = "text/css") { const style = document.createElement("style"); style.type = styleType; |
