仅在移动设备上滚动到顶部

时间:2015-09-18 08:26:12

标签: javascript mobile scroll

我想要到达页面顶部但仅限于移动设备,而不是窗口/计算机。

这是我使用的代码:

$(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;
});

现在有人怎么做?

1 个答案:

答案 0 :(得分:1)

是的。

此代码应检测大多数移动浏览器。

$('.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;
    }
});

查看此答案以获取更多信息:What is the best way to detect a mobile device in jQuery?