How to make smoother scroll-to-top action

Question

My code doing slow to fast movements when i call scroll to top action any better solution to fix the smoothness?

my code:

(function () {
    var top_link = '';
    top_link = $(".top");
    var pos = top_link.offset();

    $(window).scroll(function () {

        if ($(this).scrollTop() > 150) {
            top_link.fadeIn();
        } else if ($(this).scrollTop() <= 150) {
            top_link.fadeOut();
        }
    });
})();

$(".top").click(function () {
    $("html, body").animate({
        scrollTop: 0
    }, 600);
    return false;
});

Possible duplicate of [How to make slow the Scroll-Top Speed](https://stackoverflow.com/questions/33686523/how-to-make-slow-the-scroll-top-speed) — Nijeesh Joshy, Apr 04 '19 at 10:51

Youssef Belyazidi · Accepted Answer · 2019-04-04T11:49:58.633

1

Please Update your Code :

(function () {
    var top_link = '';
    top_link = $(".top");
    var pos = top_link.offset();

    $(window).scroll(function () {

        if ($(this).scrollTop() > 50) {
            top_link.fadeIn('slow');
        } else if ($(this).scrollTop() <= 50) {
            top_link.fadeOut('slow');
        }
    });
})();

$(".top").click(function () {
    $("html, body").animate({
        scrollTop: 0
    }, 500);
    return false;
});

Thanks

edited Apr 04 '19 at 11:49

answered Apr 04 '19 at 10:51

Youssef Belyazidi

44
6

with this not even show when you scroll down the icon – Neo Apr 04 '19 at 11:29
Please see the Update – Youssef Belyazidi Apr 04 '19 at 11:50
not working start slow and then start speed up to the top – Neo Apr 04 '19 at 11:58
Just change 50 to 150 for the two conditions – Youssef Belyazidi Apr 04 '19 at 14:13
this will be the same as i have before not working – Neo Apr 05 '19 at 05:48

How to make smoother scroll-to-top action

1 Answers1