We currently have a jump to top button (anchor points to a div in the header) to make it easy to go back to the top of a category. Ideally it would also work for topics, but the first post of a topic is not necessarily the start of the page. I was wondering if anyone might be interested in helping with a JS that could detect user is on a topic page, and thus reload the full page in this instance so that it jumps to post 1. Or see if anyone else has other suggestions on how we could pull this off cleanly

Clicking on topic title on Desktop sends you to post 1. Is this mobile specific? On mobile it’s behind the progress bar.

Yes. Most of our traffic is mobile. Looking for a more one tap / in your face way for users to perform the action

I think a great first step here would be some visual mockups of what you are after, will help scope the work you need a lot.

Thx @sam So we have this button on our mobile pages already. When I tap on a notification, it brings me to the post where I was mentioned, but I want a quick and easy way to go to the true top of the topic For a short topic, the simple anchor works, but for longer topics, the button only takes users to the top of the preloaded posts, currently [IMG_5664]

[image] codinghorror: tap the top bar of the browser to jump to the top That has the same limitation as the anchor solution for long topics [image] charleswalter: For a short topic, the simple anchor works, but for longer topics, the button only takes users to the top of the preloaded posts, currently

What I’m trying to do is have an easy way to go to the start of the top, post 1. even the tap of the top bar doesn’t do that. the main use case is a user mentions me in a long post, and I want to start reading the whole thread. I don’t want to have to go to the pulldown to do this on my phone. Not to mention, if I want to use the breadcrumbing in this scenario where I’ve been linked to a post, I also have to go to post 1 to see the category navigation. Anyhow, I think I can do it myself, but would be great if there was some JS variable I could just refer to that already has the URL of the topic post 1, without having to parse the current URL to then create the URL for post 1.

I may be able to use this js link for topics, though I’d prefer if it was a relative link… window.location.href.substring(0, window.location.href.lastIndexOf(‘/’));

I think I give up trying to do it in JS, because it seems like after a while, the browser runs into difficulty reading the current URL :frowning: I thought I was close. function gotoTop(){ if(window.location.href.indexOf("/t/") > -1) { topurl=window.location.href.substring(0, window.location.href.lastIndexOf('/')); } else {topurl="#top";} window.location.href=topurl; }

Another use case… have a poll running that I am trying to check in on the results. But everytime I tap in it takes me to the end of the topic. https://www.helloforos.com/t/encuesta-sobre-temas-de-politica-por-favor-vota-y-expresate-en-este-tema/296330

Help creating a jump to top button

Development

codinghorror (Jeff Atwood) August 2, 2017, 9:23pm 6

On iOS you can simply tap the top bar of the browser to jump to the top. Sadly Android has zero equivalent..

Topic		Replies	Views
Scroll to Top Component Theme component	27	5686	March 19, 2023
Access the top of the topic page Product Support	7	770	June 25, 2023
Buttons for Scrolling to the Top/Bottom of Topics Theme component	25	2776	September 1, 2025
Tap the URL to get back to the top Feature	1	847	July 31, 2017
Topics jumping to wrong post Bug	22	1641	August 28, 2023

Help creating a jump to top button

Related topics