Posted in CSS Jquery Tutorial

“Back to top” link with jQuery and CSS

“Back to top” link with jQuery and CSS Posted on February 12, 20122 Comments

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

Best WordPress Hosting

Adding a “back to top” button or link at the bottom of the page is a nice idea which provide a better to way to move to the top of the web page. But you can make this much better by adding some cool jQuery effects. It can impress your visitors.

In this post i am writing how you can create a cool “Back to top” in your website with CSS and jQuery

Advertisement

HTML: This is the html code. Main part is the div with id message which contains the link. It must be at the bottom of all the contents. This will show a hyper link of back to top. Change the text the one which you want to show on the bottom of the page.

CSS

jQuery

 

advertisement

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

2 thoughts on ““Back to top” link with jQuery and CSS

  1. That is very interesting, You’re a very skilled blogger. I’ve joined your rss feed and look ahead to searching for more of your fantastic post. Also, I’ve shared your web site in my social networks

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!