LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 10 Scroll To Top

*Set the video to HD for best viewing experience.
Written by Posted on September 30th, 2013 No Comments
Share This

Today we are going to make a jQuery Tip 10 Scroll To Top

What were making you see all over the web. It  adds to the user experience  on the site and creates a smooth scroll to the top of the page.

Using the scroll function, we add an event when you scroll more than 200px your anchor tag  then fades in and if not it fades out and when you click it gives you a smooth scroll back to the top.

html

 CSS

 jQuery

Just another cool tip using JavaScript. I hope it helps.

And as always…

Happpy Coding!

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

How to use Modernizr SIMPLIFIED How to use Modernizr SIMPLIFIED
jQuery Tip 7 Fixed Header Scroll Event jQuery Tip 7 Fixed Header Scroll Event
jQuery Tip 6 Accordion jQuery Tip 6 Accordion
Leave a comment

Leave a Reply