diff options
author | Claire <claire.github-309c@sitedethib.com> | 2022-10-11 11:39:52 +0200 |
---|---|---|
committer | Claire <claire.github-309c@sitedethib.com> | 2022-10-11 12:25:45 +0200 |
commit | b75bf336bdb874eb9bbe3cec1a95ee59c2b3b54c (patch) | |
tree | c7921b7390c6b5976f50063a94f2346630c3e5fa /app/javascript/flavours/glitch/utils/scroll.js | |
parent | 2535ec4fcb6247199a5746db1119d3dabed9d559 (diff) |
Move more modules from flavours/glitch/utils to flavours/glitch
Diffstat (limited to 'app/javascript/flavours/glitch/utils/scroll.js')
-rw-r--r-- | app/javascript/flavours/glitch/utils/scroll.js | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/app/javascript/flavours/glitch/utils/scroll.js b/app/javascript/flavours/glitch/utils/scroll.js deleted file mode 100644 index 84fe58269..000000000 --- a/app/javascript/flavours/glitch/utils/scroll.js +++ /dev/null @@ -1,32 +0,0 @@ -const easingOutQuint = (x, t, b, c, d) => c * ((t = t / d - 1) * t * t * t * t + 1) + b; - -const scroll = (node, key, target) => { - const startTime = Date.now(); - const offset = node[key]; - const gap = target - offset; - const duration = 1000; - let interrupt = false; - - const step = () => { - const elapsed = Date.now() - startTime; - const percentage = elapsed / duration; - - if (percentage > 1 || interrupt) { - return; - } - - node[key] = easingOutQuint(0, elapsed, offset, gap, duration); - requestAnimationFrame(step); - }; - - step(); - - return () => { - interrupt = true; - }; -}; - -const isScrollBehaviorSupported = 'scrollBehavior' in document.documentElement.style; - -export const scrollRight = (node, position) => isScrollBehaviorSupported ? node.scrollTo({ left: position, behavior: 'smooth' }) : scroll(node, 'scrollLeft', position); -export const scrollTop = (node) => isScrollBehaviorSupported ? node.scrollTo({ top: 0, behavior: 'smooth' }) : scroll(node, 'scrollTop', 0); |