javascript - 仅在移动 Javascript 上禁用滚动

Question

我需要仅针对移动设备禁用特定 DIV 的滚动

如果移动滚动已禁用 否则滚动

$(function() {
    var offset = $('#sidebar-wrapperleft').offset();
    var topPadding = 0;

    $(window).scroll(function() { 
       if ($(window).scrollTop() > offset.top) { 
           $('#sidebar-wrapperleft').stop().animate({
               marginTop: $(window).scrollTop() - offset.top + topPadding
           });
       } else{
           $('#sidebar-wrapperleft').stop().animate({
               marginTop: 0
           });
       };
   });
});

Answer 1

您需要意识到“移动检测”可能会让您感到头痛。如果可能，您应该依靠屏幕尺寸来调整您的内容。

移动检测是有问题的，因为首先，什么应该被视为移动？ iPad 是否是移动设备？正如您所看到的，这个概念存在一些灰色地带。

这里还有另一个线程( What is the best way to detect a mobile device in jQuery? )，您可以在其中找到一些基于浏览器代理的算法，并且随着新设备上市，它们可能需要不断改进。