Jquery 返回顶部链接，仅在非移动设备上显示

我们有一些简单的JQuery，当用户向下滚动到页面的某个页面（甚至更高）时，它会显示一个返回到顶部的链接

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn();
    } else {
        $('.scrollup').fadeOut();
    }
});
$('.scrollup').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 600);
    return false;
});

我们如何触发它，使其只显示在桌面版本上，而不显示在手机上

我试着把它包起来：

if($(window).width() >= 480)

---

例如，但它仍然显示？

简单的css解决方案是

@media only screen and (max-width: 767px) {
.scrollup{display:none!important;}
}

---

没有合适的方法使用CSS来确定某人是否在手机上。这需要javascript和用户代理的检测

快速解决方案：

if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('iPad') != -1 || navigator.userAgent.indexOf('Blackberry') != -1 || navigator.userAgent.indexOf('Android') != -1) {
   $('.scrollup').hide();
}

更有效的解决方案是特征检测：

查看这些文章以了解更多信息：