about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/util/scroll.js
diff options
context:
space:
mode:
authorReverite <github@reverite.sh>2019-07-02 13:42:49 -0600
committerReverite <github@reverite.sh>2019-07-02 13:42:49 -0600
commit100bb17b1317f07c0eaa89da869f960b6cff611f (patch)
treebd20b32e52893e2cd206d26356a82091d7091514 /app/javascript/flavours/glitch/util/scroll.js
parent01e77afe9a0dc126506cfc98d8f5d330f4a2f076 (diff)
parentc94966891af1ff456c6382595c07c2d68c57ec49 (diff)
Merge branch 'glitch' into production
Diffstat (limited to 'app/javascript/flavours/glitch/util/scroll.js')
-rw-r--r--app/javascript/flavours/glitch/util/scroll.js6
1 files changed, 4 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/util/scroll.js b/app/javascript/flavours/glitch/util/scroll.js
index 2af07e0fb..84fe58269 100644
--- a/app/javascript/flavours/glitch/util/scroll.js
+++ b/app/javascript/flavours/glitch/util/scroll.js
@@ -26,5 +26,7 @@ const scroll = (node, key, target) => {
   };
 };
 
-export const scrollRight = (node, position) => scroll(node, 'scrollLeft', position);
-export const scrollTop = (node) => scroll(node, 'scrollTop', 0);
+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);