Smooth scrolling to top in Genesis after clicking anchor links in headings

In my Facebook group a user asked,

I'd like to see a tutorial on how to place an automatic back-to-top icon after each heading in the text (like Yoast has). Thanks!

https://yoast.com/use-content-analysis-yoast-seo/

We can use genesis_before action hook to inject a custom div#top above .site-container in Genesis and use JS for scrolling smoothly to that div when URLs linking to #top are clicked.

Step 1

Create a file named say, global.js in your child theme's js directory (create, if not existing) having the following code: