Magento 1.9 - Add "Scroll To Top" Button in Magento

Blow are the easy steps to add "Scroll To Top" Button in Magento website.

Step-1 Add this Div in footer.phtml

?

1	<div id="back_top" style="display: block;"></div>

Step-2 Add this Java script in footer.phtml

?

1 2 3 4 5 6 7 8 9 10 11 12

jQuery(function() {  jQuery(window).scroll(function() {  if(jQuery(this).scrollTop() > 300) {   jQuery('#back_top').fadeIn();    } else {   jQuery('#back_top').fadeOut();  } });    jQuery('#back_top').click(function() {  jQuery('body,html').animate({scrollTop:0},500); });   });

Step-3 Add this CSS in theme's style.css

?

1 2 3 4 5 6 7 8 9 10

#back_top {     background-color: red;     bottom: 22px;     cursor: pointer;     display: none;     height: 44px;     position: fixed;     right: 200px;     width: 54px; }