idea Scroll to top-button Arcgis Hub in ArcGIS Online Ideas

Scroll to top-button Arcgis Hub

ChristaKemperman1 — Mon, 26 Nov 2018 10:55:24 GMT

It would be nice to have the opportunity to add a "Go-to-top" button on Arcgis Hub pages. Especially long pages require a lot of scrolling; jumping to the top of the page with one quick click would be really user-friendly.

Re: Scroll to top-button Arcgis Hub

CharmaleeSandanayake1 — Fri, 21 Jul 2023 15:29:16 GMT

There is a possible workaround that I saw used in this Peel Census Hub site and tried to replicate.

1) Add a Row to the bottom of the page

2) In the Row CSS Class, enter a class name such as fixed

3) Add a text element to the row

4) Edit the text in html and add similar code:

5) Create or use an existing text element at the top on the page and add the following HTML code in the editor:

Re: Scroll to top-button Arcgis Hub

asmith — Tue, 03 Oct 2023 14:02:49 GMT

A slightly faster adaptation of @CharmaleeSandanayake1's way is to set href="#" in the button. Then you don't need to worry about creating an id at the top of the page like in their step 5.

You can put the button directly beside your text too, I have mine to the right of my headers so the user can go to the top from several points along the way. I'm using a Bootstrap svg icon so everything between the <a> tags is directly from there. My .pageButton styling is just to make sure it is far enough away from other content, you probably don't need to copy that part.