Scrolling to the Top and Bottom with jQuery
Articles

11 jQuery Scroll To Top Solutions, Tutorials, And Plugins

Scroll to top button is very useful if you have very long pages. Here are best Scroll to Top jQuery you can use to enhance your website.

1. Scrolling to the Top and Bottom with jQuery
There are two buttons with fixed position on the bottom left of the page, each one with the functionality to move either down or up in the page. If you scroll the page, these two buttons will fade out, which gives a nice and smooth effect.

Scrolling to the Top and Bottom with jQuery

2. Simple jQuery Scroll To Top Solution
The result was a small fixed button at the top right of the page which fades in as a users begins to stroll down the page.

Simple jQuery Scroll To Top Solution

3. Scroll to the top of a webpage with jQueryScroll to the top of a webpage with jQuery
The Javascript will change all <a href=”#top”> links to scroll to the top instead of the instant jump that normally happens when the link is clicked.

4. How to make webpage scroll to top of page using jquery
In this tutorial the author will teach you how to add a nice anchor link scroll effect to your website using jquery/HTML.

5. jQuery scroll to top animation (scrollTo plugin)
Using the jQuery scrollTo plugin, you can achieve, what I see to be, a sweet scrolling animation.

jQuery scroll to top animation (scrollTo plugin)

6. Disappearing Scroll to top link with jQuery and CSS
This tutorial will help you build a scroll to top link, or whatever you call it, that appears when the user scrolls down, and disappears when users reach the top of the page using a combination of CSS and jQuery.

Disappearing Scroll to top link with jQuery and CSS

7. Animated Scroll to Top
It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.

Animated Scroll to Top

8. jQuery Scroll to Top Control
It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top. And instead of always being visible on the user’s screen, the script lets you specify how far down the page the user is at (in pixels) before revealing the control.

jQuery Scroll to Top Control

9. UItoTop jQuery Plugin
This plugin doesn’t require you to add extra html markup or extra plugins to function. It will only work when JavaScript is turned on. Optionally it can benefit from the jQuery Easing plugin with a different easing animation for the page scrolling.

UItoTop jQuery Plugin

10. Dynamic To Top WordPress Plugin
Featuring image and text version supported, and options panel to style as desired.

Dynamic To Top WordPress Plugin

11. jQuery topLink Plugin
This plugin allows you to fade in and out a “to the top” link on any page.

jQuery topLink Plugin