in , ,

“Back to top” link with jQuery and CSS

Advertisement

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

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

Advertisement

Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

4 Comments

Leave a Reply
  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

  2. 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 *

Loading…

5 Best Firefox Add Ons for Web Developers

jQuery image slider

Download free Nivo Slider – best jQuery image slider plugin