Breaking News: Grepper is joining You.com. Read the official announcement!

jquery button top to bottom

Sivan answered on June 3, 2022 Popularity 5/10 Helpfulness 5/10

answer jquery button top to bottom

jquery button top to bottom

Comment

jQuery(document).ready(function($){

    // hide the topbutton on page load/ready.
    $('.TopButton').hide();

    //Check to see if the window is top if not then display button
    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.TopButton').show().fadeIn();
        } else {
            $('.TopButton').fadeOut().hide();
        }
    });
    //Click event to scroll to top
    $('.TopButton').click(function(){
        $('html, body').animate({scrollTop : 0},360);
        return false;
    });
});

Popularity 5/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery

Link to this answer
Share Copy Link