From https://once.com/writebook

app/javascript/actions/scroll_into_view.js

@@ -0,0 +1,16 @@
+import { Turbo } from "@hotwired/turbo-rails"
+
+Turbo.StreamActions.scroll_into_view = function() {
+  const animation = this.getAttribute("animation")
+  const element = this.targetElements[0]
+
+  element.scrollIntoView({ behavior: "smooth", block: "center" })
+
+  if (animation) {
+    element.addEventListener("animationend", () => {
+      element.classList.remove(animation)
+    }, { once: true })
+
+    element.classList.add(animation)
+  }
+}