In this tutorial, I’ll show you how to add a “Scroll to Top” button with CSS and jQuery to your (html/ website. Before we get started, if you need to Download Crystal Report Developer for VS 2019, please go through the following article: Crystal Reports for Visual Studio 2019.


This light-weight approach will enhance usability with a “Scroll to Top” or “Back to Top” button will be handled by native CSS3 properties. I am going to assume that you already have hooked jQuery up to your site. The JavaScript should be called below your jQuery script tag to ensure you don’t get an ‘undefined jQuery’ error in your console. I cannot guarantee support for old browsers such as Internet Explorer 10 and below.

Step 1: Add or copy the JavaScript at your website page
Step 2: Add the styles for the back to top button


Step 3: Add the Code for caller button

Thanks in advance for Sharing…

Scroll to Top Button for your project

Leave a Comment


  • Great – I should certainly be impressed with your site. I had no trouble navigating through all the tabs and related info ended up being truly easy to do to access. I recently found what I hoped for before you know it at all. Nice task.

  • Very nice post. I just stumbled upon your weblog and wanted to say that I have truly enjoyed surfing around your blog posts.
    After all, I will be subscribing to your feed and I hope you write again very soon!

  • Hi! I just would like to give you a big thumbs up for the excellent info you have got here on this post. I will be returning to your site for more soon.

  • I lіke the helpful informаtion yоu supply іn your articles. І wіll bookmark yоur blog and test again һere frequently. Good luck fоr tһe followіng!