Scroll to top on Toolbar click

[ericmann]

Google+ introduced a fantastic feature with their toolbar. If you're scrolled far down a page, clicking any non-link in the toolbar automatically scrolls back to the top of the page.

When viewing a very long WordPress front-end (or a long list of comments/large settings page on the WordPress back-end), this would be a fantastic tool. It's also better to have a consistent UX control built in to the system rather than the various spin-your-own hacks different developers have built over the years.

I propose we add this "back to top" functionality to the WordPress toolbar. It should necessarily work with or without jQuery (in situations where themes don't enqueue jQuery on the front-end but still display the toolbar).

[ericmann]

Add a back-to-top function for both the jQuery and non-jQuery parts of the toolbar script.

[ericmann]

This patch adds a very basic scrollTop animation on a jQuery hook (the click event on the toolbar). It also adds a smooth, non-jQuery animation to the onclick event of the toolbar. Target ID filtering is used to eliminate capturing clicks on actual buttons/dropdowns in the toolbar as well.

[trepmal]

Love this :)

I keep expecting this sort of thing to work everywhere there's a fixed header/toolbar, including twitter (where -sadly- it doesn't work)

[ocean90]

#18758

[ericmann]

Replying to ocean90:

#18758

That ticket didn't show up in my initial search. Apparently I didn't look hard enough. Patch moved to proper ticket and comments added there as well. Thanks!