Comments on: usability 101: adding a global "back to top" to your site

By: klaus Arends

klaus Arends — Wed, 22 Jun 2011 18:25:48 +0000

Thanks a lot … for the script.
I had a back up button on Joomla realized with jquery.
It gave me some conflicts with mootools modules…
This is exactly the Solution i needed…
Regards from Spain…

By: gonchuki

gonchuki — Fri, 27 Feb 2009 18:12:04 +0000

@Pandu
no instructions needed, just include the downloaded files in your page and you are done.
You can also try with the updated version for mootools 1.2 as it needs just a single CSS selector to configure the appearance and all logic has been abstracted in the .js file.

By: Pandu

Pandu — Fri, 20 Feb 2009 10:19:58 +0000

How to insert downloaded code into my HTML file.

Step by step instruction will be highly appreciated.

regards,
Pandu

By: Menno Tjoelker

Menno Tjoelker — Mon, 01 Sep 2008 00:39:11 +0000

Hello.

Thank you for this very useful script. It's a great idea!

I made some small change to avoid the 'back to top' message to appear in print as well:
- In the .css file, I surrounded everything by '@media screen { …} and at the end I added a section for printing':
@media print{
#back-to-top,
#back-to-top.visible {
display: none;
}
}
- As the CSS file should now be used in case of printing as well, I removed 'media screen' from the HTML pages linking to it.

Kind regards,

Menno Tjoelker, EIndhoven, Netherlands

By: gonchuki

gonchuki — Mon, 14 Apr 2008 16:27:44 +0000

remember that this is just a showcase on the idea, if anyone decides to implement this for their own site I bet they will end with a much better looking (and color/contrast aware) solution.

By: Dunc

Dunc — Mon, 14 Apr 2008 13:43:14 +0000

Quite a nice idea.

Would be good if you increased the contrast of the 'back to top' link on this blog though. You're obviously aware of blind users who use screen readers, but don't forget old, partially sighted or colour blind users where contrast between colours is very important.

By: Jeeremie

Jeeremie — Tue, 11 Mar 2008 15:39:25 +0000

Thanks,

I have seen something similar called "Para cada comentario, mato a un gatito" but like your script, this isn't working in IE6.

As Justin mention is, it would be more obvious if it was on top of the page and less obtrusive. I would not notice the Backtotop link if you didn't mention it.

Anyway, nice script. I just think it could be improved.

By: Dave Wood

Dave Wood — Sat, 05 Jan 2008 03:09:25 +0000

Thanks Gonchuki,

I've got it! Like I said, I thought this idea would be more likely used.

Thanks for the tutorial, and many thanks for your help,

Woody.

By: gonchuki

gonchuki — Mon, 24 Dec 2007 15:16:03 +0000

yes Dave, it's completely possible but as the "back to top" link has absolutely no semantic sense (it's a navigational aid as I said in the article) we are injecting the content with JS.

If you want it your way, just remove lines 2 to 11 and put somewhere on your HTML the #back-to-top span.

By: Dave Wood

Dave Wood — Sun, 23 Dec 2007 14:23:28 +0000

Hi there,

Thanks for the tips – I've been searching a way to do this for a while now. I would have thought this sort of technique would be more widely used.

I'm pretty clueless when it comes to javascript, and was wondering if it's possible to use this code just to change the visibility of the backtotop div, rather than injecting the style and content in Javascript?

Thanks for your help!