Go to Top , Add page scroll to top effect using j-query, HTML and css

add page scroll to top effect using jquery

<<div class="gototop"></div>

.gototop {
    transition: background 0.35s ease;
    background-size: 100% 100% !important;
    background-image: // set image or icon path
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    bottom: 5%;
    right:20px;
    border-radius: 5px;
    padding: 0px;
    position: fixed;
    Z-index: 10001;
    display: none;
}



<script> jQuery(document).ready(function(){
    //Check to see if the window is top if not then display button
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() > 100) {
            jQuery('.gototop').fadeIn();
	    } else {
            jQuery('.gototop').fadeOut();
        }
    });

    //Click event to scroll to top
    jQuery('.gototop').click(function(){
        jQuery('html, body').animate({scrollTop : 0},800);
        return false;
    });

}); </script>