Scroll to top only on mobile

Question

I want to get to the top of the page but only on mobile, not in window/computer.

This is the code I use:

$(document).ready(function () {

$(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn();
    } else {
        $('.scrollup').fadeOut();
    }
});

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

Does anybody now how to do that?

score 1 · Answer 1 · edited May 23 '17 at 10:29

Yep.

This code should detect most mobile browsers.

$('.scrollup').click(function () {
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    }
});

Check out this answer for some more info: What is the best way to detect a mobile device in jQuery?

Scroll to top only on mobile

1 Answers1